欢迎您访问我爱IT技术网,今天小编为你分享的javascript教程:【关于firefox的ElementTraversal 接口 使用说明】,下面是详细的讲解!
关于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;
}
}
关于关于firefox的ElementTraversal 接口 使用说明的用户互动如下:
相关问题:中文版火狐浏览器使用说明 和使用技巧 对了,是手...
答:尊敬的用户,您好!很高兴为您答疑。 Mozilla Firefox是一个自由的,开放源码的浏览器,适用于 Windows, Linux 和 MacOS X平台,它体积小速度快,还有其它一些高级特征. 1. 任意缩放文字大小 我们只能对文字的大小进行五个级别的调节,但是在火狐... >>详细
相关问题:火狐有没有像Postman那样解析接口的扩展
答:有,可以使用httprequest这款插件,安装方法如下: 1、打开火狐浏览器,点击工具菜单--附加组件命令; 2、弹出页面搜索框输入httprequest; 3、找到后,点击安装; 4、完成后需重启才能使用。 >>详细
相关问题:基于firefox,chrome,自选一个浏览器,基于他的接...
答:您好,感谢您对火狐的支持 为您提供一个简单的实例: class Demo // ① 类的声明 { // ② 类的主体 public static void main(String[] args) // ③ 方法声明 { // ④ 方法体 System.out.println("Hello World!"); // ⑤ 方法中要执行的代码,输出“Hel... >>详细
- 【Array】js中更短的 Array 类型转换-类型转换
- 【ExtJs】ExtJs 表单提交登陆实现代码-表单提交-
- 【Ajax】jQuery 学习第六课 实现一个Ajax的TreeVi
- 【extjs】extjs每个组件要设置唯一的ID否则会出错
- 【focus】JavaScript使用focus()设置焦点失败的解
- 【bootstrap3】基于bootstrap3和jquery的分页插件
- 【hover】jQuery控制图片的hover效果(smartRollo
- 【ajax更新数据库】ajax异步刷新实现更新数据库-
- 【div】div浮层 滚动条移动 位置保持不变的4种方
- 【Cookie】Cookie 小记
- 评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)
-
