js在操作DOM中存在着许多跨浏览器方面的坑，本文花了我将近一周的时间整理，我将根据实例整理那些大大小小的“坑”。DOM的工作模式是：先加载文档的静态内容、再以动态方式对它们进行刷新，动态刷新不影响文档的静态内容。PS：IE 中的所有 DO ...
js在操作DOM中存在着许多跨浏览器方面的坑，本文花了我将近一周的时间整理，我将根据实例整理那些大大小小的“坑”。
DOM的工作模式是：先加载文档的静态内容、再以动态方式对它们进行刷新，动态刷新不影响文档的静态内容。
PS：IE 中的所有 DOM 对象都是以 COM 对象的形式实现的，这意味着 IE 中的 DOM可能会和其他浏览器有一定的差异。
Node 接口
| 特性/方法 | 类型/返回类型 | 说 明 |
|---|
| nodeName | String | 节点的名字；根据节点的类型而定义 |
| nodeValue | String | 节点的值；根据节点的类型而定义 |
| nodeType | Number | 节点的类型常量值之一 |
| ownerDocument | Document | 返回某元素的根元素 |
| firstChild | Node | 指向在childNodes列表中的第一个节点 |
| lastChild | Node | 指向在childNodes列表中的最后一个节点 |
| childNodes | NodeList | 所有子节点的列表 |
| previousSibling | Node | 返回选定节点的上一个同级节点，若不存在，则返回null |
| nextSibling | Node | 返回被选节点的下一个同级节点，若不存在，则返回null |
| hasChildNodes() | Boolean | 如果当前元素节点拥有子节点，返回true，否则返回false |
| attributes | NamedNodeMap | 返回包含被选节点属性的 NamedNodeMap |
| appendChild(node) | node | 将node添加到childNodes的末尾 |
| removeChild(node) | node | 从childNodes中删除node |
| replaceChild(newnode, oldnode) | Node | 将childNodes中的oldnode替换成newnode |
| insertBefore | Node | 在已有子节点之前插入新的子节点 |
转自：
http://segmentfault.com/a/1190000002650240
资料参考：
海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理：https://www.xlkjsw.com
原标题：JavaScript操作DOM的那些坑
关键词：JavaScript
*特别声明：以上内容来自于网络收集，著作权属原作者所有，如有侵权，请联系我们：
admin#shaoqun.com
（#换成@）。
