html dom for td元素

Question

How do I call the td element of a html table from the dom? document.getElementById("exampleTable").childNodes[] Should give you all of the tr elements, but how do you go two levels down? I'm to make a loop to read the text node of each td element in the table

Answer 1

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

这将返回该表中所有td的NodeList。

Answer 2

Each of those child nodes will have child nodes too, so getting the childnodes of each TR, will give you all TDs.

But if you're going to do DOM querying or DOM manipulation, I strongly suggest using JQuery.

Answer 3

you could do something like this

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);
  }
}