html dom для элемента td

Question

Как мне вызвать элемент td html-таблицы из dom? document.getElementById ("exampleTable"). childNodes [] Должен дать вам все элементы tr, но как вы спуститесь на два уровня ниже? Я должен сделать цикл для чтения текстового узла каждого элемента td в таблице

Answer 1

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

, который вернет NodeList всех td с в этой таблице.

Answer 2

вы могли бы сделать что-то вроде этого

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

Answer 3

Каждый из этих дочерних узлов также будет иметь дочерние узлы, поэтому получение дочерних узлов каждого TR даст вам все TD.

Но если вы собираетесь выполнять DOM-запросы или манипуляции с DOM, я настоятельно рекомендую использовать JQuery.