html dom for td元素

Question

如何從dom中調用html表的td元素？ document.getElementById（「exampleTable」）。childNodes []應該給你所有的tr元素，但是你如何去掉兩個級別？我要循環讀取表中每個td元素的文本節點。

Answer 1

document.getElementById("exampleTable").getElementsByTagName("td") 

這將返回該表中所有td s的NodeList。

Answer 2

每個子節點都有子節點，因此獲取每個TR的子節點會爲您提供所有的TD。

但是，如果你打算做DOM查詢或DOM操作，我強烈建議使用JQuery。

Answer 3

你可以做這樣的事情

var int_tr_start = 0; 

var arr_tr = []; // store all tr's 

arr_tr = document.getElementById("tab").getElementsByTagName('tr'); 

for (var TR = int_tr_start; TR < arr_tr.length; TR ++) { // for each td 

    for (var TD = 0; TD < arr_tr[TR].childNodes.length; TD++) { // for each tr 
var tc = (arr_tr.textContent) ? arr_tr[TR].childNodes[TD].textContent : arr_tr[TR].childNodes[TD].innerText; // store the text from with in cell 
alert(tc); 
    } 
}