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

parentNode与offsetParent的区别

 
阅读更多

当不加position属性时,offset的parentNode是body,加了position之后,offsetParent是它的上级,parentNode则一直是其上级.

 

 

 

分享到:
评论

相关推荐

    js parentElement和offsetParent之间的区别

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

    js获取div的位置坐标

    if (el.parentNode === null || el.style.display === 'none') { return false; } if (el.getBoundingClientRect) { // 支持 getBoundingClientRect 的浏览器 var box = el.getBoundingClientRect(); var ...

    JavaScript Table行定位效果

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

    asp.net菜单(很简单)

    if (obj2.parentNode.className.indexOf("default")==-1) //if tab isn't a default selected one obj2.parentNode.className="selected" obj.visibility="visible" } else if (e.type=="click") ...

    js获取元素的偏移量offset简单方法(必看)

    本文将重点讨论如何使用JavaScript获取元素的偏移量offset,并详细介绍相关的属性与方法。 ### 获取元素的偏移量 获取元素的偏移量主要涉及到两个属性:`offsetTop` 和 `offsetLeft`。这两个属性分别返回元素距离...

    【JavaScript源代码】JavaScript offset实现鼠标坐标获取和窗口内模块拖动.docx

    它与`parentNode`不同,`parentNode`返回元素的直接父节点,而`offsetParent`返回的是第一个具有定位(position属性非static)的父元素,如果所有父元素都没有定位,那么它会返回`body`元素。这对于计算元素相对于...

    js精确定位HTML标签的TOP和LEFT值

    2. **元素获取与状态检查**:使用`document.getElementById`获取指定ID的元素,并检查该元素是否存在于DOM树中以及其显示状态。 3. **获取位置信息**: - 对于IE浏览器,利用`getBoundingClientRect`方法结合滚动条...

    html学习心得,我感觉很好

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

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

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

    DOM相关内容速查手册

    9. **padding**、**paddingBottom**、**paddingLeft**、**paddingRight** 和 **paddingTop**:这些属性控制元素内容与边框之间的空隙,是布局和样式设计的一部分。 10. **parentWindow**、**parentElement** 和 **...

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

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

    Html页面的dom常见属性

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

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

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

    html中select的属性.pdf

    46. parentNode:获取文档层次中的父对象。该属性控制 Select 元素的父对象。 47. parentTextEdit:获取文档层次中可用于创建包含原始对象的 TextRange 的容器对象。该属性控制 Select 元素的容器对象。 48. ...

    javascript DOM笔记 1

    此外,`parentNode`属性可以用来获取一个节点的父节点,而`offsetParent`返回的是相对于定位父元素的节点。`firstChild`和`lastChild`分别获取第一个和最后一个子节点,但它们可能不区分元素节点和文本节点,因此在...

    Js Div属性大全

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

    js实现jquery的offset()方法实例

    总之,虽然原生JavaScript没有直接提供与jQuery offset()等价的函数,但通过上述的getOffset()函数,我们可以比较容易地模拟出相同的功能。这对于不使用jQuery或在某些特殊情况下,需要精确控制元素位置的应用场景...

    用javascript做拖动布局的思路

    dragObject = elem.parentNode.parentNode.parentNode; // 被拖动的table dragDiv = dragObject.parentNode.parentNode; // ... 其他操作 } ``` 在`mousedown`事件处理函数中,我们还需要注册`mousemove`和`...

    JS中获取 DOM 元素的绝对位置实例详解

    如果所有祖先元素都是静态定位(position: static),则这两个属性表示元素与文档顶部和左侧的距离。如果有绝对定位的祖先元素,它们将相对于最近的绝对或固定定位的祖先计算。例如,可以使用递归函数获取元素相对于...

    CSS_style属性大全

    #### 一、标签属性与描述 **1. ALIGN (align)** - **功能**: 设置或获取表格排列。 - **语法**: `align: left | right | center | justify` - **说明**: 该属性允许您控制表格在页面上的对齐方式,例如将其对齐...

Global site tag (gtag.js) - Google Analytics