`
魏祖清
  • 浏览: 176408 次
  • 性别: 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。
分享到:
评论

相关推荐

    clientHeight,offsetHeight,scrollHeight,offsetParent和parentElement,offsetLeft.

    clientHeight,offsetHeight,scrollHeight,offsetParent和parentElement,offsetLeft.

    js parentElement和offsetParent之间的区别

    首先是 parentElement 属性,这个属性好理解,就是在 DOM 层次结构定义的上下级关系,如果元素A包含元素B,那么元素B就可以通过 parentElement 属性来获取元素A。 这里主要说的是 offsetParent 属性,这个属性在 ...

    JS OffsetParent属性深入解析

    offsetParent属性返回一个对象的引用,这个对象是距离调用offsetParent的元素最近的(在包含层次中最靠近的),并且是已进行过CSS定位的容器元素。 如果这个容器元素未进行CSS定位, 则offsetParent属性的取值为根...

    【JavaScript源代码】JavaScript offsetParent案例详解.docx

    JavaScript offsetParent案例详解  1. offsetParent定义:那么offsetParent就是距离该子元素最近的进行过定位的父元素(position:absolute relative fixed),如果其父元素中不存在定位则offsetParent为:body元 ...

    offsetparent计算

    offsetparent计算 offsetparent区分以下几种情况: 内部div不是relative/absolute,外部div是relative/absolute

    jQuery中offsetParent()方法用法实例

    主要介绍了jQuery中offsetParent()方法用法,实例分析了offsetParent()方法的功能、定义及返回匹配元素所有祖先元素中第一个采用定位的祖先元素时的使用技巧,需要的朋友可以参考下

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

    JavaScript offset实现鼠标坐标获取和窗口内模块拖动  offset 即偏移量,使用 offset 系列相关属性... 注意,parentNode 和 offsetParent 还是有本质上的区别的:parentNode 返回的是直接父级元素,offsetParent 返回

    Javascript拖拽系列文章1之offsetParent属性第1/3页

    第一篇就先讲讲Javascript中的offsetParent属性吧。 支持的浏览器:Internet Explorer 4.0+,Mozilla 1.0+,Netscape 6.0+,Opera 7.0+,Safari 1.0+ element.offsetParent Summary offsetParent returns a ...

    JavaScript Table行定位效果

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

    简单谈谈offsetleft、offsetTop和offsetParent

    ele.offsetParent返回的是ele元素最近的并且是定位过(relative,absolute)的父元素,如果没有父元素或者是父元素中没有一个是定位过的,返回值就是body元素 ele.offsetLeft和ele.offsetTop取值问题,分多种情况: ...

    offsetParent 算法分析

    当调用元素 A 的 offsetParent 属性时,必须按以下算法返回元素。 以下任一条件为真时,返回 null,并停止本算法。 A 是根元素。 A 是 HTML 的 body 元素。 元素 A 的 position 属性计算值是 fixed。注 1 如果 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") ...

    仿excel、锁定表头和表列-3种方法

    1、js通过样式的方法、了解parentElement和offsetParent的原理,自己的布局不一样,css也就不一样,这种方法是浏览器可能会比较慢的哦!! 2、2\3方法都是用jquery也有仿excel的方法,自己也可以去网上找一找

    javascript 精确获取页面元素的位置

    代码如下: //取得元素x坐标 function pageX(elem) { return elem.offsetParent?(elem.offsetLeft+pageX(elem.offsetParent)):elem.offsetLeft; } //取得元素y坐标 function pageY(elem) { return elem.offsetParent?...

    javascript经典技巧

    while(e=e.offsetParent){ t+=e.offsetTop; l+=e.offsetLeft; } alert("top="+t+"/nleft="+l); } //VBScript &lt;script language="VBScript"&gt;&lt;!-- function getIE() dim t,l,a,b set a=document.all.img1 t=document....

Global site tag (gtag.js) - Google Analytics