td 元素的 html dom

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