31. Element previousSibling 属性
2015-08-06 11:32
232 查看
实例
返回列表项的 previousSibling(前一个同胞节点):
定义和用法
previousSibling 属性返回同一树层级中指定节点的前一个节点。
被返回的节点以 Node 对象的形式返回。
注释:如果没有 previousSibling 节点,则返回值是 null。
返回列表项的 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。
相关文章推荐
- linux下的find文件查找命令与grep文件内容查找命令
- MYSQL中的反引号
- lucene的使用详解
- Android中padding的用法总结
- ABP(现代ASP.NET样板开发框架)系列之20、ABP展现层——动态生成WebApi
- Dynamics AX R2 如何处理运行时间较长的报表
- VS2015接口智能提示少了异常信息 怎么破~
- #import和#include的区别,@class代表什么?
- 基于Docker的PHP开发环境
- 30. Element parentNode 属性
- hdu 2717 && poj 3278 Catch That Cow
- java sqlite使用小记
- 通过Windows的远程桌面连接远程Ubuntu系统
- 杭电 2012 素数判定
- 面试总结10
- 网站服务架构
- Java自定义注解Annotation详解
- 201508061129_《移动开发之——防止触摸移动导致整个界面“露底”》
- ARM 原理MMU
- 自定义AppSession