`

parentNode、parentElement,childNodes、children 它们有什么

    博客分类:
  • css
阅读更多
parentNode、parentElement,childNodes、children 它们有什么区别呢?

parentElement 获取对象层次中的父对象。
parentNode 获取文档层次中的父对象。
childNodes 获取作为指定对象直接后代的 HTML 元素和 TextNode 对象的集合。
children 获取作为对象直接后代的 DHTML 对象的集合。

parentNode和parentElement的功能一样,childNodes和children的功能一样。但是parentNode和childNodes是符合W3C标准的,可以说比较通用。而另外两个只是IE支持,不是标准,Firefox就不支持

分享到:
评论

相关推荐

    Js中parentNode,parentElement,childNodes,children之间的区别

    本文将详细解析`parentNode`、`parentElement`、`childNodes`和`children`之间的区别。 首先,`parentNode`和`parentElement`都是用于获取一个元素的父级节点。它们的主要区别在于兼容性。`parentNode`是W3C标准的...

    javascript中parentNode,childNodes,children的应用详解

    JavaScript中的parentNode, childNodes, children是DOM操作中非常基础且重要的属性,它们能够帮助开发者获取元素之间的层级关系和结构。在本篇文章中,我们将详细探讨这些属性的用途、区别和最佳实践。 首先,让...

    childNodes 用法两例

    在函数内部,`obj.parentNode.parentNode.childNodes[1]` 被用来获取当前行的第二个单元格(索引为1,因为索引从0开始)。这个单元格的内容被替换为一个输入框,允许用户编辑。当有其他单元格正在编辑时,其内容会...

    浅谈js的html元素的父节点,子节点

    parentNode和parentElement功能一样,childNodes和children功能一样。但是parentNode和childNodes是符合W3C标准的,可以说比较通用。而另外两个只是IE支持,不是标准,Firefox就不支持 示例: “parentNode” 常用来...

    js parentElement和offsetParent之间的区别

    在JavaScript中,`parentElement`和`offsetParent`都是用于处理元素上下级关系的属性,但它们的作用和应用场景有所不同。本文将深入解析这两个属性的区别及其使用。 首先,`parentElement`属性是DOM层次结构的一...

    javascript兼容手册.doc

    10. **parentElement与parentNode,children与childNodes**: - FF不支持`parentElement`,应使用`parentNode`。 - `parentNode.childNodes`在FF和IE中的解释不同,FF的`childNodes`可能包含空白文本节点。可以...

    js 常用的webapi

    可以使用 `parentElement` 和 `parentNode` 属性来获取父级节点,例如: `let parent = div.parentElement;` 可以使用 `childNodes` 和 `children` 属性来获取子节点,例如: `let children = div.children;` ...

    js浏览器兼容手册OSOS.pdf

    10. `parentElement`和`children`问题:FF使用`parentNode`和`childNodes`,而IE中可能有`parentElement`和`children`。`childNodes`在不同浏览器中的处理方式不同,可能包含空白文本节点。建议使用`...

    ie与firefox下的event使用说明与详细区别

    Firefox则使用`parentNode`和`parentNode.childNodes`,删除节点用`node.parentNode.removeChild(node)`。在编写跨浏览器的代码时,需要使用条件判断或库(如jQuery)来处理这些兼容性问题。 总之,理解并适配IE和...

    WEB 浏览器兼容 推荐收藏

    10. **`parentElement`和`children`问题**:Firefox使用`parentNode`和`childNodes`,而IE中可能使用`parentElement`和`children`。`childNodes`在Firefox中包含空白文本节点,可以通过`getElementsByTagName()`规避...

    浏览器兼容页面开发注意事项(javascript篇)_101028参考.pdf

    10. FF中没有`parentElement`和`parement.children`:Firefox使用`parentNode`和`childNodes`,而非IE的`parentElement`和`children`。在跨浏览器代码中,使用`parentNode`和`childNodes`更安全。 11. `const`问题...

    JavaScript DOM 编程艺术 Put It All Together

    5. **遍历DOM树**:`childNodes`、`children`、`parentElement`等属性帮助我们遍历DOM树。`childNodes`包含元素的所有子节点,而`children`仅返回子元素。`parentNode`指向当前元素的父节点。 6. **动画与定时器**...

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

    Firefox则使用`parentNode`、`parentNode.childNodes`和`node.parentNode.removeChild(node)`来实现相同的功能。 总的来说,理解并掌握不同浏览器间事件对象的差异,对于编写兼容性良好的JavaScript代码至关重要。...

    javascript在IE和Firefox中兼容性问题

    IE支持`parentElement`属性直接获取父元素,而Firefox则需使用`parentNode`。同样,`parent.children`在IE中有效,但Firefox中应使用`parent.childNodes`,并注意过滤掉文本节点。 3. **子节点的遍历与操作** 在...

    浏览器兼容页面开发注意事项(javascript篇)_101028.pdf

    10. **FF中没有parentElement和parent.children**:Firefox不支持`parentElement`和`parent.children`,可以使用`parentNode`和`childNodes`代替。 11. **const问题**:IE8及更早版本不支持`const`关键字,如果要...

    js在IE和fireFox的区别

    - **IE**:使用`parentElement`和`children`。 - **Firefox**:使用`parentNode`和`childNodes`。 - **统一解决方案**:可以使用`parentNode`和`childNodes`,或考虑使用`querySelectorAll`等更现代的方法。 4. ...

Global site tag (gtag.js) - Google Analytics