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 相关文章推荐
基于JQUERY的多级联动代码
Jan 24 Javascript
JS中判断JSON数据是否存在某字段的方法
Mar 07 Javascript
基于javascript实现单选及多选的向右和向左移动实例
Jul 25 Javascript
如何使用Vuex+Vue.js构建单页应用
Oct 27 Javascript
JavaScript实现同一个页面打开多张图片
Dec 29 Javascript
基于JavaScript实现弹幕特效
Aug 27 Javascript
Vue实现一个返回顶部backToTop组件
Jul 25 Javascript
jQuery判断网页是否已经滚动到浏览器底部的实现方法
Oct 27 jQuery
JS抛物线动画实例制作
Feb 24 Javascript
微信小程序实现换肤功能
Mar 14 Javascript
你知道JavaScript Symbol类型怎么用吗
Jan 08 Javascript
如何在vue中使用百度地图添加自定义覆盖物(水波纹)
Nov 03 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实现的验证码小程序
2016/12/13 PHP
PHP中的使用curl发送请求(GET请求和POST请求)
2017/02/08 PHP
TextArea设置MaxLength属性最大输入值的js代码
2012/12/21 Javascript
JavaScript加强之自定义event事件
2013/09/21 Javascript
js通过更改按钮的显示样式实现按钮的滑动效果
2014/04/23 Javascript
浅谈javascript中this在事件中的应用
2015/02/15 Javascript
浅谈Javascript线程及定时机制
2015/07/02 Javascript
JavaScript文档碎片操作实例分析
2015/12/12 Javascript
jQuery实现的超简单点赞效果实例分析
2015/12/31 Javascript
Jquery对新插入的节点 绑定Click事件失效的解决方法
2016/06/02 Javascript
javascript中apply/call和bind的使用
2017/02/15 Javascript
基于vue2框架的机器人自动回复mini-project实例代码
2017/06/13 Javascript
Angular实现的日程表功能【可添加及隐藏显示内容】
2017/12/27 Javascript
详解JavaScript中操作符和表达式
2018/09/12 Javascript
js中获取URL参数的共用方法getRequest()方法实例详解
2018/10/24 Javascript
JS实现图片拖拽交换效果
2018/11/30 Javascript
JavaScript 中 JSON.parse 函数 和 JSON.stringify 函数
2018/12/05 Javascript
JS栈stack类的实现与使用方法示例
2019/01/31 Javascript
详解vue-cli+element-ui树形表格(多级表格折腾小计)
2019/04/17 Javascript
jQuery 选择器用法基础入门示例
2020/01/04 jQuery
vue引入静态js文件的方法
2020/06/20 Javascript
JavaScript Html实现移动端红包雨功能页面
2021/01/10 Javascript
OpenCV+Python识别车牌和字符分割的实现
2019/01/31 Python
python实践项目之监控当前联网状态详情
2019/05/23 Python
分享8点超级有用的Python编程建议(推荐)
2019/10/13 Python
tensorflow之tf.record实现存浮点数数组
2020/02/17 Python
用Python在Excel里画出蒙娜丽莎的方法示例
2020/04/28 Python
HTML5 MiranaVideo播放器 (代码开源)
2010/06/11 HTML / CSS
娇韵诗香港官网:Clarins香港
2020/08/13 全球购物
数学专业毕业生自荐信
2013/11/10 职场文书
大学生社会实践自我鉴定
2014/03/24 职场文书
创先争优标语
2014/06/27 职场文书
人事局接收函
2015/01/30 职场文书
党员自我评价范文2015
2015/03/03 职场文书
golang 实现并发求和
2021/05/08 Golang
解决tk mapper 通用mapper的bug问题
2021/06/16 Java/Android