浏览器兼容性测试小记-DOM篇(二)
作者:网络转载 发布时间:[ 2014/5/29 14:41:51 ] 推荐标签:浏览器 兼容性测试
6、所有HTML元素都是HTMLElement类型的实例,继承自Element类,比如:HTMLBodyElement、HTMLFormElement、HTMLFrameElement等,除IE外的浏览器都可以访问这些类型的构造函数及原型。IE中将comment节点作为element类型的派生类,因此调用document.getElementsByTagName('*')会将comment节点一并返回。
7、html元素有Attribute(特性)跟Property(属性)的区分。
操作特性的方法主要有getAttribute()、setAttribute()、removeAttribute(),这三个方法可以操作以HTMLElement类型属性形式定义的特性(id、class、title、lang、dir),和自定义属性。如:<div id="element" myAttr="myself"></div> element.getAttribute("myAttr")。
属性是指该元素作为javascript对象,除以上特性外一切可以通过点语法访问的属性,如innerHTML、nodeType等。
特性可以出现在html元素声明中,属性不可以(出了也没用);特性可以通过css属性选择符语法来查询元素,属性不可以
8、element.attributes属性是一个NamedNodeMap对象,与NodeList类似。该属性返回所有在element中声明的特性,IE中会返回所有可能的特性,但在声明的特性中有一个specified属性,该属性为true则为以声明特性。
9、IE9之前不会解析文本之间的空白节点,如下:
1 <ul id="mylist">
2 <li>li1</li>
3 <li>li2</li>
4 <li>li3</li>
5 </ul>
6 mylist.childNodes === 3; //IE8
7 mylist.childNodes === 7; //FF
|
1 childElementCount //返回子元素节点个数
2 firstElementChild //第一个元素子节点
3 lastElementChild //后一个元素子节点
4 previousElementSibling //前一个兄弟元素
5 nextElementSibling //后一个兄弟元素
6 children //返回所有的元素子节点
|
相关推荐
更新发布
功能测试和接口测试的区别
2023/3/23 14:23:39如何写好测试用例文档
2023/3/22 16:17:39常用的选择回归测试的方式有哪些?
2022/6/14 16:14:27测试流程中需要重点把关几个过程?
2021/10/18 15:37:44性能测试的七种方法
2021/9/17 15:19:29全链路压测优化思路
2021/9/14 15:42:25性能测试流程浅谈
2021/5/28 17:25:47常见的APP性能测试指标
2021/5/8 17:01:11