<ul>
<li>123</li>
<li>123</li>
<li>123</li>
</ul>
对于上面一段代码，如果IE来解析，<ul>元素会有3个子节点，就是3个<li>。对于其他浏览器，则会解析出7个元素，3个<li>和4个文本节点。
<ul><li>123</li><li>123</li><li>123</li></ul>
如果将空白符删除，那么所有浏览器都会返回3个子节点。
如果需要使用childNodes来遍历dom元素子节点，需要先检查一下元素的nodeType属性。
for(let i = 0,len = element.childNodes.length; i<len; i++){
if(element.childNodes[i].nodeType == 1){
//...
}
}
| domType | nodeType |
|---|---|
| Element | 1 |
| Attr | 2 |
| Text | 3 |
| Comment | 8 |
| Document | 9 |
DOM基础知识 1、DOM？页面操作 2、浏览器的兼容性？IE、FF、Chrom 3、DOM节点 1）childN...
1.基本组成 核心(ECMAScript)，标准兼容 文档对象模型(DOM)，部分不兼容 浏览器对象模型(BOM)...
使用childNodes来遍历dom元素子节点 对于上面一段代码，如果IE来解析， 元素会有3个子节点，就是3个 ...
jQuery 能做什么？ 方便快捷获取DOM元素 动态修改页面样式、动态改变DOM内容 解决跨浏览器兼容 响应用户...
在浏览器中，对于事件的操作，兼容性主要是存在DOM2级事件里面，标准浏览器是通过addEventListener(...
3 DOM的扩展 3.1父节点parentNode 3.2 浏览器兼容性的区别 3.3 用 document.al...
DOM基础 DOM简介、DOM标准、DOM节点 获取元素的子节点：childNodes、兼容性问题火狐不兼容，可以...
jQuery.js js类库 a. 浏览器的兼容性处理完善，兼容ie6 b. DOM操作接口简单，容易上手 c....
本章内容 理解包含不同层次节点的 DOM 使用不同的节点类型 克服浏览器兼容性问题及各种陷阱 DOM 是针对 HT...
列举DOM元素增删改查的API BOM中有哪些常用的对象？ 列举几个常见的浏览器兼容问题？主流浏览器发送ajax使...
本文标题：浏览器的dom兼容
本文链接：https://www.haomeiwen.com/subject/xzoqjxtx.html
网友评论