浏览器兼容性测试小记-DOM篇（二）

1     <ul id="mylist">2       <li>li1</li>3       <li>li2</li>4       <li>li3</li>5     </ul>6     mylist.childNodes === 3; //IE87     mylist.childNodes === 7; //FF　　如果只想访问元素子节点可以使用如下api：1       childElementCount       //返回子元素节点个数2       firstElementChild       //第一个元素子节点3       lastElementChild        //最后一个元素子节点4       previousElementSibling  //前一个兄弟元素5       nextElementSibling      //后一个兄弟元素6       children                //返回所有的元素子节点相关文章：浏览器兼容性测试小记-DOM篇（一）

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之前不会解析文本之间的空白节点，如下：