DOM 脚本编程中的兄弟节点

231 阅读 0 评论 153 点赞

我是靠谱客的博主陶醉鸵鸟，最近开发中收集的这篇文章主要介绍DOM 脚本编程中的兄弟节点，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

除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() 方法。