javascript nextsibling 函数

标签 javascript html parent nextsibling

<html>
<body>
<script language="JavaScript">
function function1() {
   var m = document.getElementById("myNodeOne").nextSibling;
   m.innerHTML = "asdfsdf";
}
</script>
<p>This PARAGRAPH has two nodes, 
    <b id="myNodeOne">Node One</b>, and 
    <b id="myNodeTwo">Node Two</b>.
</p>
<p></p>
<button onclick="function1();">Node One has a Next Sibling</button>
</body>
</html>

这应该在第二段标记中打印“asdfsdf”。但它不起作用。

最佳答案

尝试使用 nextElementSibling 而不是 nextSibling

function function1() {
var m = document.getElementById("myNodeOne").nextElementSibling;
m.innerHTML = "asdfsdf";
}

之所以有效,是因为它只获取 HTML 元素。

关于javascript nextsibling 函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11346765/

相关文章:

jquery - 向上搜索具有特定类的元素?

javascript - react native 。在 react 导航中隐藏 BottomTab.Navigator 中的项目

javascript - 居中对齐叠加层

javascript - 在 javascript 中使对象成为非全局对象

javascript - 动态嵌套选项卡创建

java - 在扩展类中初始化

python - 如何修改数据库管理器中的重复表单?

html - CSS停止表格行内的分页符

javascript - 对表格元素进行算术计算

php - 显示按父对象排序的数据