`
魏祖清
  • 浏览: 180305 次
  • 性别: Icon_minigender_1
  • 来自: 福建
社区版块
存档分类
最新评论

offsetParent,parentNode,parentElement区别

    博客分类：
  • js
IE 
阅读更多
offsetParent  指与位置有关的上级元素
parentNode  指与位置无关的上级元素
parentElement 和 parentNode是一样,但parentNode是W3C标准但parentElement 只在IE中可用.

例如：
  <BODY>
  <div   style="border:   1px   solid   black;position:absolute;">
  <form>
  <input   type="checkbox"   id="cc">
  </form>
  </div>
这个例子中，“cc”元素的offsetParent是div，如果去掉div的position属性，那么cc的offsetParent就会变为body。而parentNode一直都为form。
分享到：
| 最小高度的定义
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    js parentElement和offsetParent之间的区别

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

    JavaScript Table行定位效果

    上面用到了parentNode，这里顺便说说它跟offsetParent，parentElement的区别。 先看看parentNode在w3c的说明： The parent of this node. All nodes, except Document, DocumentFragment, and Attr may have a ...

    html学习心得，我感觉很好

    OFFSETLEFT 属性用于获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置。 46. OFFSETPARENT 属性 OFFSETPARENT 属性用于获取定义对象 offsetTop 和 offsetLeft 属性的容器对象的引用。 47. ...

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

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

    DOM相关内容速查手册

    10. **parentWindow**、**parentElement** 和 **parentNode**：分别指向元素的父级窗口、父级HTML元素和父级节点，用于遍历DOM树。 11. **pathname**、**port** 和 **protocol**：这些属性用于处理URL，分别获取...

    javascript 移动鼠标得到单元格所在table表中的rowIndex位置[兼容ie,firefox] 原创

    然后，我们可以通过调用单元格元素的`parentNode`属性获取其父元素，即`&lt;tr&gt;`行元素，再使用`rowIndex`属性获取行的索引。 但是，需要注意的是，`parentNode`在Firefox中可能存在兼容性问题。在某些情况下，尤其是...

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

    本文主要探讨了在Internet Explorer（IE）和Firefox浏览器中事件对象`event`的区别。 首先，IE浏览器有一个全局的`window.event`对象，可以用来访问当前事件的信息。然而，Firefox并不支持这个全局变量。在Firefox...

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

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

    html中select的属性.pdf

    45. parentElement：获取对象层次中的父对象。该属性控制 Select 元素的父对象。 46. parentNode：获取文档层次中的父对象。该属性控制 Select 元素的父对象。 47. parentTextEdit：获取文档层次中可用于创建包含...

    Html页面的dom常见属性

    14. **parentElement/parentNode**： - **定义**：分别返回当前元素的父元素或父节点。 - **应用场景**：在DOM遍历和操作中常用。 15. **pageBreakAfter/pageBreakBefore**： - **定义**：设置页面分隔符的类型...

    Js Div属性大全

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

    CSS_style属性大全

    - **功能**: 获取对象相对于版面或由offsetParent属性指定的父坐标的计算左侧位置。 - **语法**: `offsetleft: [length-value]` - **说明**: 返回元素相对于父元素左侧的偏移量。 **40. offsetParent** - **...

    JS获取子节点、父节点和兄弟节点的方法实例总结

    2. 使用parentElement属性，在IE浏览器中使用，它与parentNode属性的作用类似。 3. offsetParent属性则可以获取当前节点的所有父节点，该属性通常用于获取元素的定位父元素，以便进行元素位置的计算。 最后，获取...

    js使用小技巧

    obj.parentElement(dhtml) obj.parentNode(dom) 交换表的行 TableID.moveRow(2,1) 替换CSS document.all.csss.href = "a.css"; 并排显示 display:inline 隐藏焦点 hidefocus=true 根据宽度换行 style=...

Magicbox
Global site tag (gtag.js) - Google Analytics