概述
previousElementSibling 返回当前元素在其父元素的子元素节点中的前一个元素节点,如果该元素已经是第一个元素节点,则返回null,
该属性是只读的.
语法
var prevNode = elementNodeReference.previousElementSibling;
例子
<div id="div-01">Here is div-01</div> <div id="div-02">Here is div-02</div> <li>This is a list item</li> <li>This is another list item</li> <div id="div-03">Here is div-03</div> <script type="text/javascript"> var el = document.getElementById('div-03').previousElementSibling; document.write('<p>Siblings of div-03</p><ol>'); while (el) { document.write('<li>' + el.nodeName + '</li>'); el = el.previousElementSibling; } document.write('</ol>'); </script>
上面的例子会输出以下内容:
Siblings of div-03 1. LI 2. LI 3. DIV 4. DIV
浏览器兼容性
Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|
Basic support | 4 | 3.5 (1.9.1) | 9 | 9.8 | 4 |
Feature | Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|
Basic support (on Element ) |
(Yes) | 1.0 (1.9.1) | (Yes) | 9.8 | (Yes) |
Support on CharacterData |
(Yes) | 25.0 (25) | 未实现 | 16.0 | 未实现 |
规范
Element Traversal Specification: previousElementSibling