Javascript獲取表行TR的單元格

Question

我想用javascript操縱表格單元格，到目前為止我設法進入tr-s，使用：

var as = document.getElementById('answers['+id+']');
var trs = as.getElementsByTagName("tr");
for (var i in trs)
{ ... }

更新：就像桌子一樣。

在for循環中，我想要使用相同的登錄行，我嘗試過：

var tds = trs[i].getElementByTagName("td");

問題是在調試時出現以下錯誤：

Uncaught TypeError: Object #<HTMLTableRowElement> has no method 'getElementByTagName' .

我怎么能進入tr-s的td-s？

Answer 1

它的getElementsByTagName而不是getElementByTagName

var as = document.getElementById('answers['+id+']');
for(var i=0;i<as.rows.length;i++) {
    var trs = as.getElementsByTagName("tr")[i];
    var cellVal=trs.cells[0]
}

變量cellVal將提供對第一個cell的引用，或<td>同樣通過增加索引或將其置於循環中對所有單元格進行操作會使其動態化...

Answer 2

檢查您正在使用的方法的拼寫，以獲取td，即getElementByTagName

它應該是getElementsByTagName 。 這應該像您嘗試獲取的方式一樣正常。

檢查使用DOM和CSS操作表以獲取更多信息。