`
zhangyaochun
  • 浏览: 2596500 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

parentElement与parentNode

阅读更多

个人学习,简单记录。

 

获取父元素的区别

 

  • IE
       obj.parentElement

  • FF
       obj.parentNode
分享到:
评论
1 楼 小丑鱼0703 2012-03-31  
parentNode是w3c标准的,通用性高。parentElement只适用于ie

相关推荐

    javascript兼容手册.doc

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

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

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

    js parentElement和offsetParent之间的区别

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

    parentElement,srcElement的使用小结

    在JavaScript中,`parentElement` 和 `srcElement` 是与事件处理有关的两个属性,它们在处理DOM元素和事件流时非常有用。本文将详细解释这两个属性以及它们在实际应用场景中的使用。 首先,`parentElement` 是一个...

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

    在IE中,parentElement属性可以用来获取父元素,与标准的parentNode属性有些类似,但不是所有浏览器都支持它。因此,对于需要兼容多浏览器的情况,我们更推荐使用符合W3C标准的parentNode。 关于childNodes属性,它...

    javascript对于DOM的操作

    document 树结点 parentElement 父元素 parentNode 父结点 childNodes 所有子结点 有s哦 firstChild 第一个子结点 lastChild 最后一个子结点 nextSibling 下一个兄弟结点 previousSibling 上一个兄弟结点

    vue实现编辑器键盘抬起时内容跟随光标距顶位置向上滚动效果

    ket = sel.getRangeAt(0).commonAncestorContainer.parentElement.parentNode.offsetTop; } // 使用Vue的$nextTick确保DOM更新后再执行滚动操作 this.$nextTick(() => { // dom 是你的编辑器元素,将滚动位置设置...

    让GridView中CheckBox列支持FireFox

    1. **使用通用的DOM访问方法**:用`parentNode`代替`parentElement`,因为并非所有浏览器都支持`parentElement`。 2. **创建自定义函数以获取CheckBox对象**:编写`GetCheckBoxObj`函数,用于在任意DOM节点中查找...

    火狐下event的使用

    通过使用`arguments.callee.caller.arguments[0]`来获取事件对象、通过`event.target`或`event.srcElement`来获取触发事件的元素、以及通过`element.parentNode`或`element.parentElement`来获取父元素等方法,可以...

    jQuery与javascript对照学习 获取父子前后元素 实现代码.docx

    ### jQuery与JavaScript获取父子前后元素实现代码 #### 一、引言 在Web前端开发过程中,经常需要对DOM(文档对象模型)进行操作,包括选取元素、修改样式、添加或删除节点等。jQuery作为一种轻量级的JavaScript库...

    删除元素标签 并在之和添加一个select标签_123

    var parentElement = element.parentNode; parentElement.removeChild(element); ``` 接下来,我们将讨论如何添加`<select>`标签。首先,创建一个新的`<select>`元素: ```javascript var select = document....

    js 常用的webapi

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

    js firefox支持问题

    - **`parentElement`与`parentNode`的区别**:在Firefox中,`parentElement`和`parentNode`都能返回父节点,但`parentElement`只返回元素节点的父级。在IE中,这些方法可能表现得不太一致,因此建议使用`parentNode`...

    JS 实现动态插入输入框以及删除、位置调换

    var rowIndex = window.event.srcElement.parentElement.parentElement.rowIndex + 1; // 获取当前行的索引 var newTr = categoryTable.insertRow(rowIndex); // 在指定位置插入一行 // 添加单元格并填充内容 //...

    取得父标签

    取得父标签FF 下没有 event 用 arguments[0] FF 下没有 srcElement 用 target FF 下没有 parentElement 用 parentNode 代码如下:function obj_event_onsomething(e){ var e=window.event?window.event:e;...

    Js Div属性大全

    33. parentElement/parentNode:获取Div元素的父级元素和节点。 34. parentTextEdit:在富文本编辑环境中,获取可以创建TextRange对象的父元素。 了解并熟练运用这些Div属性,可以帮助开发者创建功能丰富的动态...

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

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

    element-ui tree结构实现增删改自定义功能代码

    const $input = ev.target.parentNode.parentNode.querySelector("input") || ev.target.parentElement.parentElement.querySelector("input"); !$input ? "" : $input.focus(); // 获取焦点 }); }, // 失焦...

Global site tag (gtag.js) - Google Analytics