html运行实例（jsck_node_nextsibling）-搜寻教程库

代码示例：（标识：jsck_node_nextsibling）

<!DOCTYPE html>
<html>
<body>

<h1>Element 对象</h1>

<h2>nextSibling 属性</h2>

<ul><li id="item1">Coffee（第一项）</li><li id="item2">Tea（第二项）</li></ul>

<p>第一个列表项的下一个同胞的 HTML 内容是：</p>
<p id="demo"></p>

<p><b>注释：</b>元素之间的空白被认为是文本节点。</p>
<p>如果在两个 li 元素之间添加空格，结果将是 "undefined"。</p>

<script>
let text = document.getElementById("item1").nextSibling.innerHTML; 
document.getElementById("demo").innerHTML = text;
</script>

</body>
</html>