关于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 相关文章推荐
javascript中的if语句使用介绍
Nov 20 Javascript
js中arguments,caller,callee,apply的用法小结
Jan 28 Javascript
纯javascript响应式树形菜单效果
Nov 10 Javascript
Bootstrap实现水平排列的表单
Jul 04 Javascript
妙用Bootstrap的 popover插件实现校验表单提示功能
Aug 29 Javascript
简易的JS计算器实现代码
Oct 18 Javascript
详解js的延迟对象、跨域、模板引擎、弹出层、AJAX【附实例下载】
Dec 19 Javascript
把JavaScript代码改成ES6语法不完全指南(分享)
Sep 10 Javascript
Javascript实现秒表倒计时功能
Nov 17 Javascript
vue中的面包屑导航组件实例代码
Jul 01 Javascript
vue请求服务器数据后绑定不上的解决方法
Oct 30 Javascript
如何在 ant 的table中实现图片的渲染操作
Oct 28 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
索尼SONY SRF-S83/84电路分析和打磨
2021/03/02 无线电
php.ini中文版
2006/10/09 PHP
测试php连接mysql是否成功的代码分享
2014/01/24 PHP
用javascript实现的仿Flash广告图片轮换效果
2007/04/24 Javascript
jQuery学习笔记之jQuery的DOM操作
2010/12/22 Javascript
javascript高级程序设计第二版第十二章事件要点总结(常用的跨浏览器检测方法)
2012/08/22 Javascript
实例讲解使用原生JavaScript处理AJAX请求的方法
2016/05/10 Javascript
简单的JS轮播图代码
2016/07/18 Javascript
javascript表单控件实例讲解
2016/09/13 Javascript
8 行 Node.js 代码实现代理服务器
2016/12/05 Javascript
js实现返回顶部效果
2017/03/10 Javascript
vue-socket.io跨域问题有效解决方法
2020/02/11 Javascript
vue-cli3 热更新配置操作
2020/09/18 Javascript
微信小程序向Java后台传输参数的方法实现
2020/12/10 Javascript
[58:58]2018DOTA2亚洲邀请赛 4.4 淘汰赛 TNC vs VG 第二场
2018/04/05 DOTA
给Python IDLE加上自动补全和历史功能
2014/11/30 Python
pandas数值计算与排序方法
2018/04/12 Python
PyQt实现界面翻转切换效果
2018/04/20 Python
Python实现的个人所得税计算器示例
2018/06/01 Python
python最长回文串算法
2018/06/04 Python
Django中使用第三方登录的示例代码
2018/08/20 Python
Python实现Linux监控的方法
2019/05/16 Python
Django实现WebSSH操作物理机或虚拟机的方法
2019/11/06 Python
浅谈Pytorch torch.optim优化器个性化的使用
2020/02/20 Python
python实现将字符串中的数字提取出来然后求和
2020/04/02 Python
Python3爬虫里关于代理的设置总结
2020/07/30 Python
Django web自定义通用权限控制实现方法
2020/11/24 Python
解决pytorch下出现multi-target not supported at的一种可能原因
2021/02/06 Python
html5使用canvas绘制文字特效
2014/12/15 HTML / CSS
中职应届生会计求职信
2013/10/23 职场文书
法学毕业生自我鉴定
2013/11/08 职场文书
领班岗位职责范文
2014/02/06 职场文书
2014教师教育实践活动对照检查材料思想汇报
2014/09/21 职场文书
公司财务会计主管应聘求职信
2014/09/26 职场文书
Java实现斗地主之洗牌发牌
2021/06/14 Java/Android
MongoDB数据库之添删改查
2022/04/26 MongoDB