关于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 相关文章推荐
js判断两个日期是否相等的方法
Sep 10 Javascript
在javaScript中关于submit和button的区别介绍
Oct 20 Javascript
仿淘宝TAB切换搜索框搜索切换的相关内容
Sep 21 Javascript
招聘网站基于jQuery实现自动刷新简历
May 10 Javascript
Node.js编程中客户端Session的使用详解
Jun 23 Javascript
js中的内部属性与delete操作符介绍
Aug 10 Javascript
jquery特效 点击展示与隐藏全文
Dec 09 Javascript
Node.js环境下JavaScript实现单链表与双链表结构
Jun 12 Javascript
jQuery中弹出iframe内嵌页面元素到父页面并全屏化的实例代码
Dec 27 Javascript
微信小程序 自定义消息提示框
Aug 06 Javascript
jQuery实现可兼容IE6的淡入淡出效果告警提示功能示例
Sep 20 jQuery
uniapp实现可以左右滑动导航栏
Oct 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
Google Voice 短信发送接口PHP开源版(2010.5更新)
2010/07/22 PHP
PHP无刷新上传文件实现代码
2011/09/19 PHP
PHP加密解密字符串汇总
2015/04/26 PHP
php实现的用户查询类实例
2015/06/18 PHP
PHP+Session防止表单重复提交的解决方法
2018/04/09 PHP
jquery validate.js表单验证的基本用法入门
2010/05/13 Javascript
JavaScript 页面编码与浏览器类型判断代码
2010/06/03 Javascript
JQuery显示隐藏DIV的方法及代码实例
2015/04/16 Javascript
JavaScript中使用Math.floor()方法对数字取整
2015/06/15 Javascript
javascript父子页面通讯实例详解
2015/07/17 Javascript
jQuery插件Validate实现自定义表单验证
2016/01/18 Javascript
es6学习笔记之Async函数的使用示例
2017/05/11 Javascript
vue v-model表单控件绑定详解
2017/05/17 Javascript
jQuery.form.js的使用详解
2017/06/14 jQuery
Vue.js结合Ueditor富文本编辑器的实例代码
2017/07/11 Javascript
Vue服务器渲染Nuxt学习笔记
2018/01/31 Javascript
vue-awesome-swiper 基于vue实现h5滑动翻页效果【推荐】
2018/11/08 Javascript
小程序登录/注册页面设计的实现代码
2019/05/24 Javascript
JS实现简单日历特效
2020/01/03 Javascript
Python中for循环和while循环的基本使用方法
2015/08/21 Python
Python实现对象转换为xml的方法示例
2017/06/08 Python
python 使用re.search()筛选后 选取部分结果的方法
2018/11/28 Python
python3获取当前目录的实现方法
2019/07/29 Python
python的time模块和datetime模块实例解析
2019/11/29 Python
TensorFlow 输出checkpoint 中的变量名与变量值方式
2020/02/11 Python
Pygame的程序开始示例代码
2020/05/07 Python
python能做哪方面的工作
2020/06/15 Python
python 读取yaml文件的两种方法(在unittest中使用)
2020/12/01 Python
HTML5 placeholder属性详解
2016/06/22 HTML / CSS
html5自定义video标签的海报与播放按钮功能
2019/12/04 HTML / CSS
英国书籍、CD、DVD和游戏的第一道德零售商:Awesome Books
2020/02/22 全球购物
Linux如何修改文件和文件夹的权限
2012/06/27 面试题
车辆维修工自我评价怎么写
2013/09/20 职场文书
自我鉴定 电子商务专业
2014/01/30 职场文书
授权委托书怎么写
2014/04/03 职场文书
贷款委托书怎么写
2014/08/02 职场文书