关于firefox的ElementTraversal 接口 使用说明


Posted in Javascript onNovember 11, 2010

firstElementChild
访问一元素的这个属性必须将该nodeType 1 元素第一子节点引用返回为 Element 对象。如果该被访问元素属性没有任何子节点,或者如果所有这些子节点都不是元素节点, 那么该属性必须返回 null。
lastElementChild
访问一元素的这个属性必须将该nodeType 1 元素最后子节点引用返回为 Element 对象。如果该被访问元素属性没有任何子节点,或者如果所有这些子节点都不是元素节点, 那么该属性必须返回 null。
previousElementSibling
访问一元素的这个属性必须将按文件顺序排在该元素之前属于nodeType 1 元素同级节点引用返回为 Element 对象。如果该被访问元素属性没有任何处于它之前的同级节点,或者如果所有这些同级节点都不是元素节点, 那么该属性必须返回 null。
nextElementSibling
访问一元素的这个属性必须将按文件顺序紧跟着这个属于nodeType 1 元素同级节点引用返回为 Element 对象。如果该被访问元素属性没有任何跟在它之后的同级节点,或者如果所有这些同级节点都不是元素节点, 那么该属性必须返回 null。
childElementCount
访问一元素的这个属性必须返回这个属于nodeType 1.元素子节点当前数目, 访问此属性时,执行可能存贮该数目,或可能计算该数目,但该数目必须始终代表访问该属性时子元素节点的数目。 只有直接子节点才应该计算在内,如被访问属性元素子节点之一又有元素子节点那么 这下一级的就不算。如果属性被访问的这个元素没有子节点,或者所有这些子节点都不是元素节点,那么这个属性必须返回0 。

function spaceChildren( el ) { 
// 求元素节点数目 
var elCount = el.childElementCount; var eachWidth = window.innerWidth / (elCount + 1); 
// 求第一子元素 
var childEl = el.firstElementChild; 
// 设置初始位置 
var nextPos = eachWidth/2; 
// 逐一循环子元素 
while ( childEl ) { 
// 放好子元素 
childEl.style.setProperty( 'position', 'absolute', '' ); 
childEl.style.setProperty( 'left', nextPos + 'px', '' ); 
childEl.style.setProperty( 'width', eachWidth + 'px', '' ); 
// 按宽度增距 
nextPos += eachWidth; 
// 然后导航到下一个子元素 
childEl = childEl.nextElementSibling; 
} 
}
Javascript 相关文章推荐
取得父标签
Nov 14 Javascript
javascript 面向对象,实现namespace,class,继承,重载
Oct 29 Javascript
JQuery autocomplete 使用手册
Apr 01 Javascript
JQuery拖拽元素改变大小尺寸实现代码
Dec 10 Javascript
使用jquery实现放大镜效果
Sep 02 Javascript
jQuery使用hide方法隐藏页面上指定元素的方法
Mar 30 Javascript
JS使用cookie实现只出现一次的广告代码效果
Apr 22 Javascript
ES6新特性:使用export和import实现模块化详解
Jul 31 Javascript
用vue构建多页面应用的示例代码
Sep 20 Javascript
Element-ui之ElScrollBar组件滚动条的使用方法
Sep 14 Javascript
详解关于Vuex的action传入多个参数的问题
Feb 22 Javascript
原生js基于canvas实现一个简单的前端截图工具代码实例
Sep 10 Javascript
将string解析为json的几种方式小结
Nov 11 #Javascript
js读取本地excel文档数据的代码
Nov 11 #Javascript
JS维吉尼亚密码算法实现代码
Nov 09 #Javascript
网易JS面试题与Javascript词法作用域说明
Nov 09 #Javascript
浅谈Javascript嵌套函数及闭包
Nov 09 #Javascript
JavaScript高级程序设计 扩展--关于动态原型
Nov 09 #Javascript
关于JavaScript定义类和对象的几种方式
Nov 09 #Javascript
You might like
解析web文件操作常见安全漏洞(目录、文件名检测漏洞)
2013/06/29 PHP
PHP5.5在windows安装使用memcached服务端的方法
2014/04/16 PHP
php实现高效获取图片尺寸的方法
2014/12/12 PHP
php命令行(cli)下执行PHP脚本文件的相对路径的问题解决方法
2015/05/25 PHP
php有效防止同一用户多次登录
2015/11/19 PHP
js escape,unescape解决中文乱码问题的方法
2010/05/26 Javascript
拉动滚动条加载数据的jquery代码
2012/05/03 Javascript
js/ajax跨越访问-jsonp的原理和实例(javascript和jquery实现代码)
2012/12/27 Javascript
拥Bootstrap入怀——导航栏篇
2016/05/30 Javascript
js继承实现方法详解
2016/12/16 Javascript
js事件委托和事件代理案例分享
2017/07/25 Javascript
浅析Vue项目中使用keep-Alive步骤
2018/07/27 Javascript
详解mpvue中使用vant时需要注意的onChange事件的坑
2019/05/16 Javascript
vue 解决form表单提交但不跳转页面的问题
2019/10/30 Javascript
原生js实现购物车
2020/09/23 Javascript
[49:05]OG vs Newbee 2019DOTA2国际邀请赛淘汰赛 胜者组 BO3 第二场 8.21.mp4
2020/07/19 DOTA
python实现随机密码字典生成器示例
2014/04/09 Python
python数据结构之二叉树的建立实例
2014/04/29 Python
Python中装饰器学习总结
2018/02/10 Python
Python操作mongodb的9个步骤
2018/06/04 Python
python遍历文件夹找出文件夹后缀为py的文件方法
2018/10/21 Python
Python datetime 格式化 明天,昨天实例
2020/03/02 Python
Python实现AI自动抠图实例解析
2020/03/05 Python
django在开发中取消外键约束的实现
2020/05/20 Python
Python基于内置函数type创建新类型
2020/10/22 Python
Python 远程开关机的方法
2020/11/18 Python
教你一分钟在win10终端成功安装Pytorch的方法步骤
2021/01/28 Python
html5的画布canvas——画出简单的矩形、三角形实例代码
2013/06/09 HTML / CSS
浅谈基于HTML5的在线视频播放方案
2016/02/18 HTML / CSS
Lee牛仔裤澳大利亚官网:美国著名牛仔裤品牌
2017/09/02 全球购物
户外拓展活动方案
2014/02/11 职场文书
主持人演讲稿
2014/05/13 职场文书
2016年寒假政治学习心得体会
2015/10/09 职场文书
dubbo服务整合zipkin详解
2021/07/26 Java/Android
Python使用OpenCV实现虚拟缩放效果
2022/02/28 Python
Python turtle编写简单的球类小游戏
2022/03/31 Python