DOM 脚本编程中的兄弟节点
作者:bea
除IE外的浏览器是将换行符作为内容的文本节点(nodeType为3)。而元素的话,nodeType为1。下面是查找它们的实用方法: 代码如下: lastSibling:function(node){ var tempObj = node.parentNode.lastChild; while(tempObj.nodeType!=1 && tempObj.previousSibling!=null) { tempObj=tempObj.previo
除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() 方法。
有用 | 无用
猜你喜欢
您可能感兴趣的文章:
- CSS鼠标悬停菜单 图片交换技术实现
- CSS Filter背景透明提示
- MAC官方菜单纯CSS实现灰色会换色
- js window.onload 加载多个函数的方法
- jquery tree 可编辑节点实现代码(jquery一句话节点菜单)
- 深入认识javascript中的eval函数
- javascript 按回车键相应按钮提交事件
- JQuery 解析多维的Json数据格式
- javascript(jquery)利用函数修改全局变量的代码
- 一个可以兼容IE FF的加为首页与加入收藏实现代码
- JS OOP包机制,类创建的方法定义
- JQuery 网站换肤功能实现代码
- Javascript结合css实现网页换肤功能
- 简单实用的HTML到UBB转换脚本工具实现说明
- cnblogs csdn 代码运行框实现代码
- 键盘 keycode的值 javascript时触发事件时很有用的要素
- js 函数的执行环境和作用域链的深入解析
- 提高网站性能之 如何对待JavaScript
- JavaScript Sort 表格排序