关于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 相关文章推荐
Extjs中ComboBox加载并赋初值的实现方法
Mar 22 Javascript
用js写了一个类似php的print_r输出换行功能
Feb 18 Javascript
关于extjs treepanel复选框选中父节点与子节点的问题
Apr 02 Javascript
轻量级jQuery插件slideBox实现带底栏轮播(焦点图)代码
Mar 28 Javascript
JavaScript 身份证号有效验证详解及实例代码
Oct 20 Javascript
Angular+Bootstrap+Spring Boot实现分页功能实例代码
Jul 21 Javascript
inner join 内联与left join 左联的实例代码
Sep 18 Javascript
小程序清理本地缓存的方法
Aug 17 Javascript
微信小程序有旋转动画效果的音乐组件实例代码
Aug 22 Javascript
仿ElementUI实现一个Form表单的实现代码
Apr 23 Javascript
解决vux 中popup 组件Mask 遮罩在最上层的问题
Nov 03 Javascript
vue中watch的用法汇总
Dec 28 Vue.js
将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
PHP编码规范之注释和文件结构说明
2010/07/09 PHP
PHP+redis实现的悲观锁机制示例
2018/06/12 PHP
PHP常见过waf webshell以及最简单的检测方法
2019/05/21 PHP
Yii2框架自定义类统一处理url操作示例
2019/05/25 PHP
php进程(线程)通信基础之System V共享内存简单实例分析
2019/11/09 PHP
有关PHP 中 config.m4 的探索
2020/08/26 PHP
qTip 基于JQuery的Tooltip插件[兼容性好]
2010/09/01 Javascript
javascript中length属性的探索
2011/07/31 Javascript
用jQuery获取IE9下拉框默认值问题探讨
2013/07/22 Javascript
js中的前绑定和后绑定详解
2013/08/01 Javascript
js获取客户端网卡的IP地址、MAC地址
2014/03/26 Javascript
JavaScript简单修改窗口大小的方法
2015/08/03 Javascript
Javascript 计算字符串在localStorage中所占字节数
2015/10/21 Javascript
使用jQuery Mobile框架开发移动端Web App的入门教程
2016/05/17 Javascript
javascript 四十条常用技巧大全
2016/09/09 Javascript
Vuex模块化实现待办事项的状态管理
2017/03/15 Javascript
简单实现jQuery上传图片显示预览功能
2020/06/29 jQuery
JavaScript比较同一天的时间大小实例代码
2018/02/09 Javascript
详解Ant Design of React的安装和使用方法
2018/12/27 Javascript
JavaScript 作用域实例分析
2019/10/02 Javascript
详解vue3.0 的 Composition API 的一种使用方法
2020/10/26 Javascript
Python使用三种方法实现PCA算法
2017/12/12 Python
对python:循环定义多个变量的实例详解
2019/01/20 Python
Win10下python 2.7与python 3.7双环境安装教程图解
2019/10/12 Python
python3 动态模块导入与全局变量使用实例
2019/12/22 Python
用什么库写 Python 命令行程序(示例代码详解)
2020/02/20 Python
keras中epoch,batch,loss,val_loss用法说明
2020/07/02 Python
Kendra Scott官网:美国领先的时尚配饰品牌
2020/10/22 全球购物
怎样客观的做好自我评价
2013/12/28 职场文书
小区物业门卫岗位职责
2014/04/10 职场文书
暖通工程师岗位职责
2014/06/12 职场文书
我为党旗添光彩演讲稿
2014/09/10 职场文书
个人批评与自我批评材料
2014/10/17 职场文书
公司授权委托书
2014/10/17 职场文书
致短跑运动员加油稿
2015/07/21 职场文书
小学五年级(说明文3篇)
2019/08/13 职场文书