html dom for td element

html dom for td element

本文关键字：element td for dom html      更新时间：2023-09-26

如何从dom调用html表的td元素?. getelementbyid("exampleTable")。childNodes[]应该给你所有的tr元素，但是你怎么往下走两层呢?我将创建一个循环来读取表格

中每个td元素的文本节点
document.getElementById("exampleTable").getElementsByTagName("td")

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

这些子节点也将有子节点，因此获得每个TR的子节点将获得所有td。

但如果你要做DOM查询或DOM操作，我强烈建议使用JQuery

你可以这样做

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);
  }
}
相关文章：