DOM 脚本编程中的兄弟节点


Posted in Javascript onOctober 31, 2009

除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 相关文章推荐
JS BASE64编码 window.atob(), window.btoa()
Mar 09 Javascript
汉化英文版的Dreamweaver CS5并自动提示jquery
Nov 25 Javascript
一些主流JS框架中DOMReady事件的实现小结
Feb 12 Javascript
Bootstrap按钮下拉菜单组件详解
May 10 Javascript
实现React单页应用的方法详解
Aug 02 Javascript
ReactNative-JS 调用原生方法实例代码
Oct 08 Javascript
Node.js中process模块常用的属性和方法
Dec 13 Javascript
vue全局组件与局部组件使用方法详解
Mar 29 Javascript
Vue页面跳转动画效果的实现方法
Sep 23 Javascript
原生js+css调节音量滑块
Jan 15 Javascript
JS实现手写 forEach算法示例
Apr 29 Javascript
vue-i18n实现中英文切换的方法
Jul 06 Javascript
javascript GUID生成器实现代码
Oct 31 #Javascript
json 实例详细说明教程
Oct 31 #Javascript
json 入门基础教程 推荐
Oct 31 #Javascript
jquery text()要注意啦
Oct 30 #Javascript
CCPry JS类库 代码
Oct 30 #Javascript
Iframe 自适应高度并实时监控高度变化的js代码
Oct 30 #Javascript
扩展jQuery 键盘事件的几个基本方法
Oct 30 #Javascript
You might like
php中将指针移动到数据集初始位置的实现代码[mysql_data_seek]
2012/11/01 PHP
php中is_null,empty,isset,unset 的区别详细介绍
2013/04/28 PHP
Codeigniter注册登录代码示例
2014/06/12 PHP
php上传图片生成缩略图(GD库)
2016/01/06 PHP
详解php 使用Callable Closure强制指定回调类型
2017/10/26 PHP
PHP使用mysqli同时执行多条sql查询语句的实例
2019/03/22 PHP
PHP date_default_timezone_set()设置时区操作实例分析
2020/05/16 PHP
用Javascript数组处理多个字符串的连接问题
2009/08/20 Javascript
jquery.ui.draggable中文文档
2009/11/24 Javascript
JS关闭窗口与JS关闭页面的几种方法小结
2013/12/17 Javascript
使用script的src实现跨域和类似ajax效果
2014/11/10 Javascript
原生js实现日期联动
2015/01/12 Javascript
JavaScript替换当前页面的方法
2015/04/03 Javascript
jquery实现经典的淡入淡出选项卡效果代码
2015/09/22 Javascript
JS实现屏蔽网页右键复制及ctrl+c复制的方法【2种方法】
2016/09/04 Javascript
JavaScript 继承详解(五)
2016/10/11 Javascript
JS实现颜色动态淡化效果
2017/03/06 Javascript
JavaScript中清空数组的三种方式
2017/03/22 Javascript
JavaScript瀑布流布局实现代码
2017/05/06 Javascript
Angular.js中ng-include用法及多标签页面的实现方式详解
2017/05/07 Javascript
Javascript之图片的延迟加载的实例详解
2017/07/24 Javascript
jQuery Ajax async=>false异步改为同步时,解决导致浏览器假死的问题
2019/07/22 jQuery
vue element-ui中table合计指定列求和实例
2020/11/02 Javascript
Node.js path模块,获取文件后缀名操作
2020/11/07 Javascript
利用Python求阴影部分的面积实例代码
2018/12/05 Python
Python实现打砖块小游戏代码实例
2019/05/18 Python
python and or用法详解
2019/06/26 Python
Python基础之高级变量类型实例详解
2020/01/03 Python
pytorch模型存储的2种实现方法
2020/02/14 Python
python爬虫构建代理ip池抓取数据库的示例代码
2020/09/22 Python
探究 canvas 绘图中撤销(undo)功能的实现方式详解
2018/05/17 HTML / CSS
教师业务培训方案
2014/05/01 职场文书
纪念九一八事变演讲稿:忘记意味着背叛
2014/09/14 职场文书
2014年法院工作总结
2014/11/24 职场文书
2014年预算员工作总结
2014/12/05 职场文书
vue动态绑定style样式
2022/04/20 Vue.js