`
deng131
  • 浏览: 673623 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

IE与FF获取childNodes节点解决方法

阅读更多
在操作dom遇到问题,使用childNodes取得Div节点的Div子节点,IE浏览器中没有任何问题,而FF浏览器会将TEXT_NODE类型的节点同样计入子节点,这样就会操作到错误的对象。

解决方法两种:

1:通过nodeType对该列表进行了筛选,过滤出ELEMENT_NODE 类型的节点。

2:使用elem.getElementsByTagName("div"); 直接会取得Div下的div类型的标签。

节点类型nodeType:
分享到:
评论

相关推荐

    IE与FireFox中的childNodes区别

    `getElementsByTagName` 用于根据标签名获取元素的子节点,而`childNodes` 返回一个包含所有子节点的NodeList,包括元素节点、文本节点、注释节点等。在某些情况下,特别是需要处理复杂DOM结构时,`childNodes` 通常...

    JS读取XML例子(兼容IE和FF).rar

    一旦XML被加载到DOM中,我们可以使用`getElementsByTagName()`, `getElementById()`, `getAttribute()`, `childNodes`等方法来查找、访问和修改XML节点。 4. **兼容性处理** IE和非IE浏览器处理XML的方式略有不同...

    js操作XML文件(兼容FF,IE)

    可以使用`childNodes`属性和`firstChild`/`nextSibling`方法遍历节点。例如: ```javascript for (var child = rootElement.firstChild; child; child = child.nextSibling) { // 处理child节点 } ``` 5. **...

    JS获取节点的兄弟,父级,子级元素的方法

    在原生JavaScript中,我们可以使用`document.getElementById()`方法获取指定ID的元素,然后通过`getElementsByTagName()`或`childNodes`属性获取该元素的子节点。但是,`childNodes`属性会将空白文本节点也包含在内...

    js浏览器兼容手册OSOS.pdf

    本手册主要关注JavaScript在Internet Explorer(IE)和Firefox(FF)中的兼容性问题及解决方案。 1. `document.form.item`问题:在IE中,可以使用`document.formName.item("itemName")`来访问表单元素,但在FF中不...

    javascript兼容手册.doc

    - `parentNode.childNodes`在FF和IE中的解释不同,FF的`childNodes`可能包含空白文本节点。可以使用`getElementsByTagName()`避免这个问题。 - FF中的节点没有`removeNode`方法,需要使用`node.parentNode....

    javascript浏览器兼容手册

    FF 中 `childNodes` 包含所有子节点,而 IE 中则可能不包含某些特定类型的节点。 - **IE** 和 **FF** 对于 `parentNode` 和 `childNodes` 的处理也不完全一致,特别是在处理 `<form>` 内的 `<table>` 结构时,IE 和...

    比较全面的event对像在IE与FF中的区别 推荐

    在获取窗体高度和宽度时,IE使用`document.body.offsetWidth`和`document.body.offsetHeight`,但需要注意,这种方法要求页面必须包含`<body>`标签。Firefox提供了`window.innerWidth`和`window.innerHeight`,以及`...

    JAVASCRIPT加载XML文档及操作XML文档的方法[归类].pdf

    6. **获取XML节点内容**: - IE的XMLDOM对象具有`xml`和`text`属性,分别返回XML文档的字符串表示和所有子节点的文本内容。在Firefox中,需要编写自定义函数来实现类似功能,如`getXmlText()`和`getXml()`。 示例...

    ie和火狐的兼容问题总结

    - **解决方案**:为了兼容IE和其他现代浏览器,可以使用条件注释或者其他方法来分别针对IE提供不同的样式。 #### JavaScript兼容性问题 1. **`textContent`与`innerText`**: - **IE**:仅支持`innerText`属性,...

    WEB 浏览器兼容 推荐收藏

    - 解决方法:使用`parentNode`和`childNodes`,但注意FF的`childNodes`可能包含空白文本节点,可以使用`getElementsByTagName()`避免。 11. **`const`关键字问题**: - 问题:IE不支持`const`关键字。 - 解决...

    JavaScript 浏览器兼容性总结及常用浏览器兼容性分析

    本文是软件开发网小编日常整理些关于js兼容性问题,及IE与Firefox等常用浏览器的兼容性分析,对js浏览器兼容性相关知识感兴趣的朋友一起学习吧!...d为dd的div在IE下用childNodes查看,其子节点数为1,而ff

    IE与FireFox的兼容性问题分析

    通过对IE与Firefox在事件处理、元素属性、DOM操作以及CSS样式等方面的不同之处进行详细分析,我们可以发现,尽管这两种浏览器在很多方面都有所差异,但还是存在一些共通的解决方案。对于开发者来说,掌握这些基本的...

    常用DOM整理

    - `element.innerText`(IE)或`element.textContent`(FF):获取或设置元素节点的纯文本内容。 - `attrNode.getAttribute(AttrName)`:获取属性节点的值。 - `attrNode.setAttribute(AttrName, AttrValue)`:...

    整理的比较全的event对像在ie与firefox浏览器中的区别

    最后,处理父节点、子节点和删除节点时,IE使用`parentElement`和`children`属性,以及`removeNode(true)`方法。Firefox则使用`parentNode`,`parentNode.childNodes`,以及`node.parentNode.removeChild(node)`来...

    js 操作table之 移动TR位置 兼容FF 跟 IE

    - `table_obj.childnodes`这一用法针对了获取TABLE下的所有子节点,包括TR和可能的其他元素,这展示了操作DOM树时可以采取的遍历方式。 - 对于TR位置移动的实现,代码中使用了某种未完全显示的逻辑,假设是将目标...

    开发跨浏览器的JavaScript方法说明第1/2页

    在IE中,设置或获取一个节点的class属性需要使用`className`,例如`node1.className = "newClass"`。而其他浏览器如Firefox使用`class`属性,如`node1.class = "newClass"`。因此,编写兼容代码时需考虑这一区别。 ...

    Dom操作之兼容技巧分享

    1. 首先,获取目标元素的`childNodes`,这些节点可能包含元素节点和文本节点。 2. 遍历这些子节点,使用`nodeName`属性判断节点是否为文本节点(`#text`)。 3. 对于文本节点,进一步检查其`nodeValue`属性。如果...

    C#中WEB Tree的使用

    #### 三、常用属性与方法 ##### 1. 属性 - `NavigateUrl`:设置点击节点时跳转的URL。 - `Target`:设置跳转URL时的目标窗口或框架。 - `AutoPostBack`:设置是否在更改选中的节点时自动回发。 ##### 2. 方法 - `...

    js+xml生成级联下拉框代码.docx

    解析XML后,我们获取根节点`<regions>`下的所有省份节点,并遍历它们,为每个省份创建一个下拉框选项: ```javascript var provinces = xmlDoc.documentElement.childNodes; var provinceSelect = document....

Global site tag (gtag.js) - Google Analytics