Javascript 更改<;td>;在id的帮助下<;tr>;

Javascript 更改<;td>;在id的帮助下<;tr>;,javascript,html,Javascript,Html,如何获取tr的第二个子节点,其中包含3个td? 我有密码 rows=document.getElementById('mytr'); rows.firstChild.innerHTML='ddsds'; rows.lastChild.innerHTML='dd'; 现在我想更改中间文件的内容。我该怎么做 rows.secondChild.innerHTML='ddsds'; 将不起作用。尽管我建议使用类似jQuery的方法进行此类操作,但这正是您想要的: if (rows.childNod

如何获取
tr
的第二个子节点,其中包含3个
td
? 我有密码

rows=document.getElementById('mytr');
rows.firstChild.innerHTML='ddsds';
rows.lastChild.innerHTML='dd';
现在我想更改中间文件的内容。我该怎么做

rows.secondChild.innerHTML='ddsds'; 

将不起作用。

尽管我建议使用类似jQuery的方法进行此类操作,但这正是您想要的:

if (rows.childNodes.length > 0)
    rows.childNodes[1].innerHTML = "ddsds";
var rows = document.getElementById('mytr');
var cells = table.getElementsByTagName('td');

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

您可以使用.childNodes通过其索引查找childnode

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

以数组形式访问子节点或单元格

rows.childNodes[1].innerHTML将处理第二个单元格,与此相同


rows.cells[1].innerHTML

您还可以使用nextSibling

rows.firstChild.nextSibling.innerHTML='ddsds'; 
在访问子节点时要小心,如果有一些空格,它们可能会返回文本节点。始终尝试使用验证子节点是否不是文本节点

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