2014-03-26 50 views
0
  1. 在我的頁面我有3個表格元素,我想使用它的標記名訪問第3個元素。getElementByTagName()不工作?

    所以,我用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> 
+4

這是'getElementsByTagName',複數。 –

+0

謝謝大家,它工作。 – Nikhil

回答

4

與大多數DOM方法返回一個節點列表,名字是複數 - getElementsByTagName

2

這是document.getElementsByTagName - 複數形式!

因爲它有可能返回NodeList中的多個元素 - 因此元素s

2

document.getElementsByTagName 「複數」

2

使用

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