parentNode,parentElement,offsetParent

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就不支持。
时间: 2024-10-09 19:24:52

parentNode,parentElement,offsetParent的相关文章

parentNode、parentElement,childNodes、children 它们有什么区别呢?

parentNode.parentElement,childNodes.children 它们有什么区别呢?parentElement 获取对象层次中的父对象. parentNode 获取文档层次中的父对象. childNodes 获取作为指定对象直接后代的 HTML 元素和 TextNode 对象的集合. children 获取作为对象直接后代的 DHTML 对象的集合. -------------------------------------------------------- pare

parentNode,offsetParent

元素.parentNode : 父节点   只读 属性 当前节点的父级节点 没有兼容性问题 可放心使用 <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>无标题文档</title> <script> window.onload

parentNode和parentElement区别

parentNode跟parentElement除了前者是w3c标准,后者只ie支持 当父节点的nodeType不是1,即不是element节点的话,它的parentElement就会是null 一般情况parentNode可以取代parentElement的所有功能 parentElement匹配的是parent为element的情况,而parentNode匹配的则是parent为node的情况.element是包含在node里的,它的nodeType是1

利用父子级来修改数据:previousSibling,parentNode,nextSibling

function adit(obj) { //var demoA = document.getElementById("operation"); var demoA = obj; var a = demoA.parentNode.previousSibling;//这个parentNode找到的是<td>标签的同一级父级点, //也就是其他两个<td>加空白, //previousSibling(这个是向上找同一父级点的子节点) while(a != null)

2.9Node节点的学习

Node(节点)1.Node概述 [DOM]文档对象模型 基本思想: (1)把结构文档解析成一系列节点,再由这些节点组成一个树状结构: (2)均有规范的对外结构,以便于编程(操作)文档(比如增删内容). ps:严格地说,DOM不属于JavaScript. pss:但是操作DOM是JavaScript最常见的任务. psss:而JavaScript也是最常用于DOM操作的语言. pssss:所以,DOM往往放在JavaScript里面介绍.[Node]DOM的最小单位 对于HTML文档,Node主

javascrip中parentNode和offsetParent之间的区别

首先是 parentNode 属性,这个属性好理解,就是在 DOM 层次结构定义的上下级关系,如果元素A包含元素B,那么元素B就可以通过 parentElement 属性来获取元素A. 要明白 offsetParent 属性,要先明白“已定位元素” 这个名字,所谓“已定位元素”就是指给元素设置了 position 属性的样式,并且 position 样式属性的值等于 absolute.relative.fixed 之一的元素. 在使用 offsetParent 属性获取父级对象时有以下两种情况:

JS之parentNode与offsetParent

JS中有两个属性parentNode和offsetParent,想必区别大家都是知道的,可用法上还是有一些需要注意的地方,尤其是后者,想知道吗?继续往下看咯. parentNode指的是父节点,element.parentNode,获取某一个元素的父节点,这里的父节点呢,只有一个,就是指的是最临近的直接父节点.比如我们经常会有这样的需求:一个列表,点击删除删除一列,如下: <ul id="list"> <li>我是沐晴<span>删除</spa

parentNode parentElement childNodes children

首先要了解 parentNode childNodes是W3C标准的. 一下所说都是针对在html中外加chrome浏览器(请原谅我的渣...) 对于html文档而言,可以理解为能分Node树,Element树,在节点树中是由node组成的,而在Element树中则都是HTMLElement node的包括了Text(文本节点),Comment(注释),HTMLDocument,HTMLElment节点,parentNode childNodes都是在节点树中进行的,也就是他们会包括文本节点和注

【JS学习笔记】DOM基础-字节点,父节点

一.DOM基础 (1)什么是DOM?DOM,即document,是用来操作页面上的元素,比如操作div获取,修改样式等.是JS的组成部分,还是一套规范. (2)浏览器的支持情况 现在主流的浏览器有3种,分别是IE,Chrome,Firefox. IE:在IE6-8版本中,对DOM的支持差不多是百分之十几差不多了,但是到了IE9就有了质的飞跃. Chrome:介于两者之间,在60%左右,对DOM支持的不是那么的好也不是那么的差. Firefox:对于DOM的支持几乎可以用99%来形容. 二.DOM