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

DOM

时间:2015-07-14 19:54:57      阅读:109      评论:0      收藏:0      [点我收藏+]

标签:

1.childNodes(属性)   子--节点(node)--集合(s)      (返回数组)

只包含一级子节点,不包含后辈孙级以下的节点,但是节点类型有非常多种(12种),比如元素节点,文本节点,属性节点等等

  children(属性)    子节点集合                                   (返回数组)

与childNodes属性的区别是  只包含【元素类型】节点

2.nodeType(属性)   节点类型

也就是读当前元素的节点类型

3.attributes(属性)  属性列表集合   (返回数组)

下面给一些返回值帮助理解

元素.attributes[0]   // [object Attr]          属性对象/数组对象

元素.attributes[0].name  才能获取当前属性的名称,如id,style       元素.attributes[0].value才能获取当前属性的值  比如“haha”;

4.firstChild(属性)  :元素.firstChild返回第一个子节点  (但是包含所有节点类型,也就是说会返回文本节点、属性节点、元素节点等)

  firstElementChild(属性):  元素.firstElmentChild返回第一个子节点(但是只包含元素类型的节点)

  同样的有两个属性:lastChild and  lastElementChild,返回最后一个子节点,区别一样

5.nextSibling  &&  nextElementSibling     下一个--兄弟节点

   previousSibling  &&  previousElementSibling   上一个-兄弟节点

同上

6.  parentNode :当前节点的父级节点  (最近一层的父节点)

    offsetParent: 当前节点的父级节点  (离当前元素最近的、有定位的父节点)基本上和CSS上的定位没什么区别,比如一堆父元素只要一个有position:relative  那么就会返回那个定义了位置的父元素  【如果没有定位父级时,默认返回body】

offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置【如果没有定位父级时,默认返回html】

offsetTop:获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置【如果没有定位父级时,默认返回html】

 

DOM

标签:

原文地址:http://www.cnblogs.com/xisitan/p/4646124.html

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