本文探讨了在不同浏览器中操作DOM时遇到的兼容性问题，特别是在IE与Firefox中使用childNodes获取子节点的区别。Firefox会将TEXT_NODE类型的节点计入子节点，导致额外的操作。文章提供了两种解决方案：一是通过nodeType进行筛选，二是使用getElementsByTagName方法。
在操作dom遇到问题，使用childNodes取得Div节点的Div子节点，IE浏览器中没有任何问题，而FF浏览器会将TEXT_NODE类型的节点同样计入子节点，这样就会操作到错误的对象。
解决方法两种：
1：通过nodeType对该列表进行了筛选，过滤出ELEMENT_NODE 类型的节点。
2：使用elem.getElementsByTagName("div"); 直接会取得Div下的div类型的标签。
节点类型nodeType：
[img]http://images.51cto.com/files/uploadimg/20100928/1537150.png[/img]
解决方法两种：
1：通过nodeType对该列表进行了筛选，过滤出ELEMENT_NODE 类型的节点。
2：使用elem.getElementsByTagName("div"); 直接会取得Div下的div类型的标签。
节点类型nodeType：
[img]http://images.51cto.com/files/uploadimg/20100928/1537150.png[/img]
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
