DOM 脚本编程中的兄弟节点_javascript技巧
程序员文章站
2022-04-18 09:33:29
...
除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() 方法。
复制代码 代码如下:
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中对DOM节点的访问、创建、修改、删除
-
JavaScript中对DOM节点的访问、创建、修改、删除
-
获取HTML DOM节点元素的方法的总结_javascript技巧
-
解析dom中的children对象数组元素firstChild,lastChild的使用_javascript技巧
-
解析dom中的children对象数组元素firstChild,lastChild的使用_javascript技巧
-
JS构建页面的DOM节点结构的实现代码_javascript技巧
-
JavaScript跨浏览器获取页面中相同class节点的方法_javascript技巧
-
Javascript 在浏览器环境中 (三) DOM节点的访问
-
详谈javascript中DOM的基本属性_javascript技巧
-
Dom加载让图片加载完再执行的脚本代码_javascript技巧