Question

在我的页面中，我有3个表格元素，我想使用其标记名访问第3个元素。

所以，我使用了document.getElementByTagName("table")[2];
稍后，我试图通过table.children[0].children[1].children[2].innerHTML;
然后，我尝试使用<p>修改现有的id="ID"元素。

但是我没有修改价值？

我的剧本出了什么问题？

<!DOCTYPE HTML>

<html>
  <body>
    ID  : <p id="ID"></p>
 <body>
<table>

</table>
<table>

</table>

<table>
  <tbody>
  <tr>

  </tr>
  <tr>
    <td>Name</td>
    <td>Class</td>
    <td>25</td>
  </tr>
  <tr>

  </tr>
  </tbody>
</table>

<script>

var table = document.getElementByTagName("table")[2];
 var id = table.children[0].children[1].children[2].innerHTML;

document.getElementById("ID").innerHTML = id;

    </script>
 </body>
</html>

Answer 1

与返回节点列表的大多数DOM方法一样，名称为复数 - getElementsByTagName。

Answer 2

是document.getElementsByTagName - 复数形式！

因为它有可能返回NodeList中的多个元素 - 因此元素s。

Answer 3

document.getElementsByTagName＆＃34; PLURAL＆＃34;

Answer 4

使用

document.getElementsByTagName("table")[2];代替document.getElementByTagName("table")[2];

getElementsByTagName（）不起作用？

4 个答案: