DOM 脚本编程中的兄弟节点
更新时间：2009年10月31日 23:18:15 作者：
兄弟节点之间可以通过 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() 方法。
复制代码 代码如下:
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() 方法。
相关文章
这篇文章主要介绍了浅析我对JS延迟异步脚本的思考,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-10-10
这篇文章主要介绍了JavaScript遍历数组和对象的元素简单操作,结合实例形式分析了javascript数组与对象元素遍历相关操作技巧与注意事项,需要的朋友可以参考下2019-07-07
Electron 都发展这么多年了,让人想不到的是,要实现一个多标签页的功能居然没有能用的轮子,本文就来用比较low的方案 - iframe手搓一个吧2024-11-11
本篇文章主要介绍了用JavaScript和jQuery实现瀑布流的方法，具有很好的参考价值。下面跟着小编一起来看下吧2017-03-03
这篇文章主要给大家介绍了关于微信小程序登录按钮遮罩浮层效果的实现方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2018-12-12
今天小编就为大家分享一篇element ui分页多选,翻页记忆的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
这篇文章主要给大家介绍了关于JavaScript中分号的一些细节，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2021-05-05
这篇文章主要介绍了详解微信JS-SDK选择图片遇到的坑，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-08-08
最近使用到了jstree，感觉是一款灵活的、可多项定制的tree插件。下面通过本文给大家详细介绍下jstree的简单实例,需要的朋友可以参考下2016-12-12
JavaScript也可以用来修改DOM元素的样式,我们可以使用style属性来访问和修改元素的样式属性,这篇文章主要给大家介绍了关于javascript DOM设置样式详细说明和示例代码的相关资料,需要的朋友可以参考下2024-06-06
最新评论