DOM 脚本编程中的兄弟节点- Javascript

当前位置: 首页 > 图文教程 > 网络编程 > Javascript > DOM 脚本编程中的兄弟节点

技术文章搜索

关键字

Javascript 中的 DOM 脚本编程中的兄弟节点

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2010-01-10 浏览: 166 ::

收藏到网摘: n/a

javascript GUID生成器实现代码 JavaScript Sort 表格排序

兄弟节点之间可以通过 previousSibling 和 nextSibling 属性访问同一级别上的不同子节点。这个兄弟节点是元素还是文本节点在现代浏览器上运行是怎么样的呢？除IE外的浏览器是将换行符作为内容的文本节点(nodeType为3)。而元素的话，nodeType为1。下面是查找它们的实用方法：

复制代码代码如下:

 
lastSibling:function(node){ 
var tempObj = node.parentNode.lastChild; 
while(tempObj.nodeType!=1 && tempObj.previousSibling!=null) 
{ 
tempObj=tempObj.previousSibling; 
} 
return (tempObj.nodeType==1)?tempObj:false; 
} 

这是《深入浅出JavaScript》书中DOMhelp库中lastSibling方法的源码。与 mootools 库中实现源码差不多：

复制代码代码如下:

 
'last-child': function(){ 
var element = this; 
while ((element = element.nextSibling)){ 
if (element.nodeType == 1) return false; 
} 
return true; 
} 

这是在 Mootools 1.2.4 源码中的 last-child() 方法。

javascript GUID生成器实现代码 JavaScript Sort 表格排序

Javascript 中的 DOM 脚本编程中的兄弟节点

评论 (0) All