关于firefox的ElementTraversal 接口 使用说明
更新时间：2010年11月11日 12:48:51 作者：
关于firefox的ElementTraversal 接口 使用说明，需要的朋友可以参考下。
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;
}
}
访问一元素的这个属性必须将该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;
}
}
相关文章
有人在twitter上提到了:在Chrome的JavaScript终端中,你只需要输入一个元素的ID,就可以访问到这个元素.@johnjbarton给了解释,这是因为所有的元素ID都是全局变量.本文再详细解释一下2012-09-09
KVM虚拟化技术之使用Qemu-kvm创建和管理虚拟机的方法
这篇文章主要介绍了KVM虚拟化技术之使用Qemu-kvm创建和管理虚拟机的方法,需要的朋友可以参考下2016-10-10
Dom 英文全称－Document Object Model 译成中文即是：文档对像模型．听起来很术语，其实就是文档内容的结构关系．文档类型可以是HTML或XML。2010-10-10
无论是在HTML里或XML文件里．都存在着子元素与兄弟元素的概念．那么我们如何使用Dom正确的操作这些元素．2010-10-10
如果你还不了解Dom或不知道Dom的作用．请阅读：Dom是什么？2010-10-10
有关DOM元素与事件的3个谜题，学习与使用dom操作的朋友可以参考下。2010-11-11
前两章讲了获取DOM元素。这章就开始讲如何操作dom。1.针对页面上有的DOM元素操作，无非就是对这个dom元素的样式进行操作2012-04-04
节点操作基础知识回顾，需要dom操作的朋友可以参考下。2011-10-10
在使用Dom操作HTML和XML时．我们时常会遇到空格问题．或许你还没有遇到过．2011-09-09
今天第二章，继续讲获取页面中DOM元素。大家都知道在JQ中想获取一个元素的兄弟元素，父级元素，子元素等等是非常方便的2012-04-04
最新评论