31. Element previousSibling 属性

来源：互联网发布：c语言九九乘法表代码编辑：程序博客网时间：2024/05/17 19:16

实例

返回列表项的 previousSibling（前一个同胞节点）：

document.getElementById("item2").previousSibling;

<!DOCTYPE html><html><body><p>列表示例：</p><ul id="myList"><li id="item1">Coffee</li><li id="item2">Tea</li></ul><p id="demo">请点击按钮来获得第二个列表项的前一个同胞的 id。</p><button onclick="myFunction()">试一下</button><script>function myFunction(){var itm=document.getElementById("item2");var x=document.getElementById("demo");  x.innerHTML=itm.previousSibling.id;}</script><p><b>注释：</b>元素内的空白字符被视作文本，而文本被视作节点。</p><p>请在两个 <li> 元素之间添加空格，结果将是 "undefined"。</p></body></html>

定义和用法

previousSibling 属性返回同一树层级中指定节点的前一个节点。

被返回的节点以 Node 对象的形式返回。

注释：如果没有 previousSibling 节点，则返回值是 null。

这里写图片描述

0 0