DOM操作方法大全

1.nodeType: 以数字值返回指定节点的节点类型

元素节点：1

属性节点：2

文本节点：3

2.attributes:返回当前元素属性列表集合

 通过name取当前属性

通过value取当前属性的属性值

3.childNodes:返回子节点列表集合

只包含一级子节点，不包含孙子级及以下；标准下，包含元素节点和文本节点,也会包含非法嵌套的子节点，如下面的p；非标准下，只包含元素节点（低版本IE），ie7以下，不会包含非法嵌套子节点

<ul id="ulNode">
    <li>0001</li>
    <p>ppppp</p>
</ul>

var ulNode=document.getElementById('ulNode');
liNode=ulNode.childNodes;
alert(liNode.length);  //标准下为5，ie7以下为3

4.children:返回元素子节点列表集合

只包含元素类型的节点

5.firstChild、firstElementChild

firstChild：第一个子节点，标准下会包含文本类型的节点，非标准下只包含元素节点

firstElementChild：标准下获取第一个元素类型子节点，非标准下不存在这个属性

6.lastChild、lastElementChild

lastChild：最后一个子节点，标准下会包含文本类型的节点，非标准下只包含元素节点

lastElementChild：最后一个元素类型子节点，非标准下不存在这个属性

7.nextSibling、nextElementSibling

nextSibling：下一个兄弟节点，标准下包含文本节点，非标准下只包含元素节点

nextElementSibling：下一个元素兄弟节点

8.previousSibling、previousElementSibling

.previousSibling：上一个兄弟节点，标准下包含文本节点，非标准下只包含元素节点

previousElementSibling：上一个元素兄弟节点

9.parentNode、offsetParent

parentNode：返回当前节点的父级节点

offsetParent：与当前元素最近的经过定位(position不等于static)的父级元素

10.offsetLeft、offsetTop

当前元素到定位父级（offsetParent）的距离

11.width、clientWidth、offsetWidth

width:样式宽

clientWidth：样式宽+padding

offsetWidth：样式宽+padding+border

12.createElement()、createTextNode()

createElement：创建元素节点

createTextNode：创建文本节点

13.appendChild()、insertBefore()

追加子元素，父级.appendChild(要添加的元素)

在指定元素前面插入元素，父级.insertBefore(要插入的节点对象，在其之前插入新节点的子节点）

14.getAttribute()、setAttribute()

getAttribute()：方法返回指定属性名的属性值。

setAttribute() :方法添加指定的属性，并为其赋指定的值。

15.removeChild()

该方法删除指定元素的某个指定的子节点，父级.removeChild( 要删除的节点 )

16.replaceChild()

用新节点替换某个子节点。父级.replaceChild( 新节点，被替换节点 ) 

17.className

该属性设置或返回元素的 class 属性。object.className=类名

移出class即是设置为object.className=" ";

18.cloneNode() 复制节点并返回复制的节点