Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/397.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 按id获取元素并更改其同级值_Javascript_Siblings - Fatal编程技术网

Javascript 按id获取元素并更改其同级值

Javascript 按id获取元素并更改其同级值,javascript,siblings,Javascript,Siblings,HTML <table> <tr id="1"> <td id="a">aa</td> <td>bb</td> </tr> </table> 如何使用第二种方法更改td id=“a”同级值?这是因为td的下一个同级可以是文本节点,您需要下一个元素同级 您可以使用该属性 document.getElementById(“a”).nextElementS

HTML

<table>
    <tr id="1">
        <td id="a">aa</td>
        <td>bb</td>
    </tr>
</table>

如何使用第二种方法更改
td id=“a”
同级值?

这是因为
td
的下一个同级可以是文本节点,您需要下一个元素同级

您可以使用该属性

document.getElementById(“a”).nextElementSibling.innerHTML=“newB”

aa
bb

使用
nextElementSibling

document.getElementById("a").nextElementSibling.innerHTML = "newB";
nextSibling
将选择空的
textNode
,如以下演示所示

console.log(document.getElementById(“a”).nextSibling)

aa
bb

@SpencerWieczorek是。。应该是
nextElementSibling.innerHTML
我不知道在哪里单击“接受”。但是你的代码是有效的。
document.getElementById("a").nextElementSibling.innerHTML = "newB";