【问题标题】:getElementByTagName() not working? [closed]getElementsByTagName() 不工作? [关闭]
【发布时间】:2014-05-04 21:27:08
【问题描述】:
  1. 在我的页面中,我有 3 个表格元素,我想使用它的标记名访问第三个元素。

    所以,我使用了document.getElementByTagName("table")[2];

  2. 后来,我尝试通过table.children[0].children[1].children[2].innerHTML;获取该表中某个元素的值

  3. 然后,我尝试用id="ID" 修改已经存在的<p>元素。

    但我没有修改值?

我的脚本有什么问题?

<!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>

【问题讨论】:

  • 那是getElementsByTagName,复数形式。
  • 谢谢各位,成功了。

标签: javascript html dom html-table


【解决方案1】:

使用

document.getElementsByTagName("table")[2]; 而不是document.getElementByTagName("table")[2];

【讨论】:

    【解决方案2】:

    document.getElementsByTagName "PLURAL"

    【讨论】:

      【解决方案3】:

      document.getElementsByTagName-复数形式!

      因为它有可能在 NodeList 中返回多个元素 - 因此是 Elements

      【讨论】:

        【解决方案4】:

        与大多数返回节点列表的 DOM 方法一样,名称是 plural - getElementsByTagName

        【讨论】:

          猜你喜欢
          • 1970-01-01
          • 2011-11-16
          • 1970-01-01
          • 2013-02-04
          • 2016-04-26
          • 2012-10-08
          • 2012-01-12
          • 1970-01-01
          相关资源
          最近更新 更多