码迷,mamicode.com
首页 > 其他好文 > 详细

parentNode,parentElement,offsetParent

时间:2015-09-04 17:07:53      阅读:170      评论:0      收藏:0      [点我收藏+]

标签:

offsetParent直接的将是影响元素位置的上级element,而parentElement与位置显示无关时dom中的上级element。
例如:
  <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。而parentElement一直都为form。
与此相关的还有offsetLeft和offsetTop两种属性,他们分别表示的是元素与offsetElement相对应的左侧和顶部距离。 

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



parentNode,parentElement,offsetParent

标签:

原文地址:http://www.cnblogs.com/lbnnbs/p/4781915.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!