【DOM学习】nextSibling节点的用法
来源:互联网 发布:8.1号后淘宝买药流程 编辑:程序博客网 时间:2024/06/05 20:02
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /></head><body><ol id="list"><li id="one">one</li><li id="two">two</li><li id="three">three</li><li id="four">four</li><li id="five">five</li></ol><input type="button" value="上一个" onclick="change(curTarget.previousSibling.previousSibling);"/>
<script type="text/javascript">var curTarget = document.getElementById("three");var change = function(target){alert(target.innerHTML);}</script></body></html>
这是要求第三个(three)节点的前一个兄弟节点(two)的用法,很奇怪为什么代码里面用到的两次previousSibling,那不就是one了嘛?
果然是我想当然了,原来<ol>标签的子节点不只是5个,每两个<li>之间有空格和换行。。。。,必须向上处理两个node才行,查资料以后发现只有IE会支持不留空白,就是向上一个节点,很神奇啊。。。。
0 0
- 【DOM学习】nextSibling节点的用法
- 关于nextSibling的用法
- js的nextSibling和previousSibling兄弟节点 nextSibling
- js DOM的previousSibling 和 nextSibling
- js DOM的previousSibling 和 nextSibling
- js的nextSibling和previousSibling兄弟节点 nextSibling:取得下一个兄弟节点;
- XML DOM nextSibling 属性
- DOM nextSibling 属性
- javascript性能提升——采用nextSibling方法来查找DOM节点
- JQuery学习--DOM节点的操作
- firefox的dom和ie下的dom (previousSibling,nextSibling)
- HTML Dom节点基本用法
- javascript中的previousSibling和nextSibling的正确用法
- jquery DOM节点删除之empty()的基本用法
- DOM节点删除之empty()的基本用法
- DOM节点删除之empty()的基本用法
- previousSibling & nextSibling 属性学习
- DOM节点的操作
- 心理学统治世界(1)——股民的圣经
- java 网络编程
- android打开系统相册的一些方法
- 算法导论笔记:05随机问题
- VS2012部分常用快捷键及修改部分快捷键
- 【DOM学习】nextSibling节点的用法
- 第七周 项目三:第九章知识点思维导图
- 变参函数一些用法
- Windows如何查看端口占用情况
- 2-6-6 类模版
- Hadoop集群完全分布式安装与配置
- 009-Struts2框架拦截器二之方法拦截器
- JS 中 new 操作符
- java GUI编程:显示标签