Question

我的目标是创建一个数组，然后使用.unshift方法插入一些数据。

我希望数组只包含td元素，并使用JavaScript而不是jQuery创建。可能吗？

这是我的表：

<table id="scorestable">
    <tr>
        <th>Type</th>
        <th>Score</th>
        <th>Score</th>
        <th>Type</th>
    </tr>
    <tr>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
    </tr>
    .....

Answer 1

只需使用：

var elements = document.getElementById("scorestable").getElementsByTagName('td');

然后您将拥有：elements[0]，elements[1]等等。

Answer 2

<table id="scorestable">
  <tr>
    <th>Type</th>
    <th>Score</th>
    <th>Score</th>
    <th>Type</th>
  </tr>
  <tr>
    <td>33</td>
    <td></td>
    <td>6</td>
    <td></td>
  </tr>
</table>

<script>
  window.onload = function(e) {
    var arrayResult = [];
    var tdList = Array.prototype.slice.call(document.getElementById("scorestable").getElementsByTagName('td'));
    tdList.forEach(function logArrayElements(element, index, array) {
      if (element.innerText && element.innerText != "undefined") {
        arrayResult.unshift(element.innerText);
      }
    });
    console.log(arrayResult);
  }

</script>

使用Javascript将元素转换为数组

2 个答案: