html dom for td element

Question

如何从dom调用html表的td元素？ document.getElementById（“exampleTable”）。childNodes []应该给你所有的tr元素，但你怎么去两个级别？我要做一个循环来读取表

中每个td元素的文本节点

Answer 1

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

将返回该表中所有td的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);
  }
}