`

parentNode、parentElement,childNodes、children

 
阅读更多

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之间的区别

    另外,`parentNode`属性与`parentElement`作用相同,只是`parentElement`是IE浏览器特有,而`parentNode`被其他主流浏览器支持。类似地,`children`属性返回元素的子元素列表,是IE特有;`childNodes`返回元素的所有...

    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和...

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

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

    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. **动画与定时器**...

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

    10. **在FF中没有parentElement parement.children**:Firefox使用`parentNode`和`childNodes`属性,而IE提供了`parentElement`和`children`。在编写兼容代码时,需要同时处理这两种情况。 11. **const问题**:在旧...

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

    10. **在FF中没有parentElement和parent.children**:Firefox使用`parentNode`和`childNodes`,而IE支持`parentElement`和`children`,因此在编写代码时要考虑到这些差异。 11. **const问题**:`const`在ES6中引入...

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

    10. **FF中的parentElement和parent.children**:FF使用`element.parentNode`和`element.childNodes`,而IE有`element.parentElement`和`element.children`。 11. **const问题**:在旧版本的IE中不支持`const`...

Global site tag (gtag.js) - Google Analytics