关于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 相关文章推荐
JQuery 获得绝对,相对位置的坐标方法
Feb 09 Javascript
javascript学习(一)构建自己的JS库
Jan 02 Javascript
刷新页面的几种方法小结(JS,ASP.NET)
Jan 07 Javascript
jquery动态改变form属性提交表单
Jun 03 Javascript
js中通过父级进行查找定位元素
Jun 15 Javascript
JS三级可折叠菜单实现方法
Feb 29 Javascript
javascript解决小数的加减乘除精度丢失的方案
May 31 Javascript
JQuery学习总结【一】
Dec 01 Javascript
Vue2组件tree实现无限级树形菜单
Mar 29 Javascript
jquery replace方法去空格
May 08 jQuery
JavaScript引用类型Function实例详解
Aug 09 Javascript
浅谈JS for循环中使用break和continue的区别
Jul 21 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
smarty静态实验表明,网络上是错的~呵呵
2006/11/25 PHP
php生成随机密码自定义函数代码(简单快速)
2014/05/10 PHP
PHP获取当前文件的父目录方法汇总
2016/07/21 PHP
js 表格隔行颜色
2009/12/02 Javascript
Jquery Ajax学习实例 向页面发出请求,返回XML格式数据
2010/03/14 Javascript
防止xss和sql注入:JS特殊字符过滤正则
2013/04/18 Javascript
js获取url参数值的两种方式
2013/09/10 Javascript
JavaScript计时器示例分析
2015/02/05 Javascript
JQuery给select添加/删除节点的实现代码
2016/04/26 Javascript
深入浅出 jQuery中的事件机制
2016/08/23 Javascript
js select实现省市区联动选择
2020/04/17 Javascript
对javascript继承的理解
2016/10/11 Javascript
基于bootstrap的选择框插件icheck
2016/12/23 Javascript
微信端开发--登录小程序步骤
2017/01/11 Javascript
Vue学习笔记之表单输入控件绑定
2017/09/05 Javascript
如何快速解决JS或Jquery ajax异步跨域的问题
2018/01/08 jQuery
javascript和php使用ajax通信传递JSON的实例
2018/08/21 Javascript
在vue中使用v-bind:class的选项卡方法
2018/09/27 Javascript
Python 字符串中的字符倒转
2008/09/06 Python
50行代码实现贪吃蛇(具体思路及代码)
2013/04/27 Python
python实现倒计时的示例
2014/02/14 Python
浅谈Python中的闭包
2015/07/08 Python
Pythont特殊语法filter,map,reduce,apply使用方法
2016/02/27 Python
Python callable()函数用法实例分析
2018/03/17 Python
对Python字符串中的换行符和制表符介绍
2018/05/03 Python
将python图片转为二进制文本的实例
2019/01/24 Python
numpy数组之存取文件的实现示例
2019/05/24 Python
python实现连连看辅助(图像识别)
2020/03/25 Python
东方电视购物:东方CJ
2016/10/12 全球购物
意大利顶级奢侈品电商:LUISAVIAROMA(支持中文)
2020/05/26 全球购物
电视购物广告词
2014/03/19 职场文书
yy司仪主持词
2014/03/22 职场文书
优质服务活动实施方案
2014/05/02 职场文书
刘胡兰观后感
2015/06/16 职场文书
酒店温馨提示语
2015/07/14 职场文书
在容器中使用nginx搭建上传下载服务器
2022/05/11 Servers