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;
}
}
您可能感兴趣的文章:
- c# rsa注册实现加密文字
- java加密算法分享(rsa解密、对称加密、md5加密)
- 使用openssl实现rsa非对称加密算法示例
- python使用rsa加密算法模块模拟新浪微博登录
- rsa加密算法使用示例分享
- 在ASP.Net中实现RSA加密的方法
- android md5加密与rsa加解密实现代码
- PHP+JS+rsa数据加密传输实现代码
- 在asp中通过vbs类实现rsa加密与解密的代码
- 安全技术—RSA公钥密码体制安全性分析
- 基于私钥加密公钥解密的RSA算法C#实现方法