更改里面的內容 <td> 在ID為的幫助下 <tr>

Question

我如何獲得tr的第二個子節點，其中有3 td ？ 我有一個密碼

rows=document.getElementById('mytr');
rows.firstChild.innerHTML='ddsds';
rows.lastChild.innerHTML='dd';

現在我也想更改Middile中的內容。 我怎樣才能做到這一點？

rows.secondChild.innerHTML='ddsds'; 

不管用。

Answer 1

盡管我建議使用類似jQuery的方法進行這種操作，但這是您想要的：

var rows = document.getElementById('mytr');
var cells = table.getElementsByTagName('td');

cells[0].innerHTML = 'ddsds';
cells[1].innerHTML = 'ddsds';
cells[2].innerHTML = 'dd';

Answer 2

以數組形式訪問childNodes或單元

rows.childNodes [1] .innerHTML將像在第二個單元格那樣

rows.cells [1] .innerHTML

Answer 3

您還可以使用nextSibling，

rows.firstChild.nextSibling.innerHTML='ddsds'; 

並且在訪問child時要小心，如果有一些空格，它們可能會返回一個文本節點。 始終嘗試驗證孩子是否不是使用的文本節點

rows.firstChild.nodeType == 1 //這將檢查該節點是否不是文本節點

Answer 4

您可以使用.childNodes通過索引來查找childnode。

rows.childNodes[1].innerHTML = 'foo'; // set foo to second child

Answer 5

if (rows.childNodes.length > 0)
    rows.childNodes[1].innerHTML = "ddsds";