JS操作html时childNodes的替代方法[兼容IE与FF]
2008-03-05 23:21
776 查看
 [align=center]JS操作html时childNodes的替代方法[兼容IE与FF][/align] js操作document时，试图使用childNodes取得Div节点的Div子节点，IE浏览器中没有任何问题， 而FF浏览器会将TEXT_NODE类型的节点同样计入子节点，这样就会操作到错误的对象。 解决方法一般有两种， 一种是使用node的nodeType属性判断结点的类型，然后进行操作。 这种方法意味着，使用var childnodelist=document.getElementById("mydiv").childNodes;得到的childnodelist在两个浏览器下并不是相同的list，而这种方法是通过nodeType对该列表进行了筛选，过滤出ELEMENT_NODE类型的节点，然后进行操作。 另一种方法，则是不使用childNodes来实现该功能，可以使用var childnodelist=document.getElementById("mydiv").getElementsByTagName("div");这种方法，直接会取得Div下的div类型的标签。在两种浏览器下，这种方法得到的list是相同的。 比较：使用第一种方法，借助了nodeType属性来完成该操作，表现在js代码上是if...else...筛选目标，第二种方法借助标签得到了该子节点，表现在js代码上，会有childnodelist[i*n+j]取得子节点。 |
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- [JS]IE兼容模式下会把后台传来的html或者xml标签变成大写的解决方法
- flash调用js中的方法，让js传递变量给flash (兼容 IE & FF)
- js中对arry数组的各种操作小结 瀑布流AJAX无刷新加载数据列表--当页面滚动到Id时再继续加载数据 web前端url传递值 js加密解密 HTML中让表单input等文本框为只读不可编辑的方法 js监听用户的键盘敲击事件，兼容各大主流浏览器 HTML特殊字符
- JS操作XML，兼容IE,FF
- js 操作table之 移动TR位置 兼容FF 跟 IE
- 常用的兼容IE和火狐FF等浏览器的js方法(js中ie和火狐的一些差别)
- jquery 调用iframe页面中js的方法 兼容Ie,FF,chore浏览器
- DOM的基本方法与IE和FF的JS兼容问题
- JS实现pasteHTML兼容ie,firefox,chrome的方法
- js操作table之 移动TR位置 兼容FF 跟 IE
- JS操作表格（兼容IE，FF，CHROME）
- IE与FF在js、css、html方面的不兼容问题
- js操作textarea方法集合封装(兼容IE,firefox)
- JS对select动态添加options操作【IE&FF兼容】
- 常用的兼容IE和火狐FF等浏览器的js方法
- flash调用js中的方法，让js传递变量给flash (兼容 IE & FF) (转)
- flash调用js中的方法，让js传递变量给flash (兼容 IE & FF) (转)
- js操作iframe的div移动 | 兼容FF+IE
- JavaScript js 兼容浏览器问题 兼容FireFox(FF)、IE的解决方法
- 兼容FF/IE的insertAdjacentHTML方法