在 <tr> id 的帮助下更改 <td> 中的内容

Change the content inside the <td> with the help of id of <tr>

本文关键字：td id 帮助 tr      更新时间：2023-09-26

如何获取tr的第二个子节点，其中包含 3 个td？我有一个代码 

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

现在我也想更改中间的内容。 我该怎么做？ 

rows.secondChild.innerHTML='ddsds';

行不通。

虽然我建议使用类似jQuery的东西进行这种操作，但这就是你想要的：

var rows = document.getElementById('mytr');
var cells = table.getElementsByTagName('td');
cells[0].innerHTML = 'ddsds';
cells[1].innerHTML = 'ddsds';
cells[2].innerHTML = 'dd';

将子节点或单元作为数组访问

rows.childNodes[1].innerHTML将执行第二个单元格，就像

rows.cells[1].innerHTML

你也可以使用nextSibling，

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

并且在访问 Child 时要小心，如果有一些空格，这些可以返回文本节点。 始终尝试验证子节点是否不是文本节点

rows.firstChild.nodeType == 1//这将检查节点是否不是文本节点

您可以使用 .childNode 通过索引查找子节点。

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

if (rows.childNodes.length > 0)
    rows.childNodes[1].innerHTML = "ddsds";
相关文章：