文档对象模型DOM

一、节点的属性和方法

1.nodeName 节点的名字

2.nodeValue 节点的值

3.nodeType 节点的类型常量值

4.childNodes 所有子节点的列表

5.firstChild  指向在childNodes列表中的第一个节点

6.lastChild 指向在childNodes列表中的最后一个节点

7.parentNode 父级节点

8.previousSibling 指向前一个兄弟节点《存在兼容性问题》

9.nextSibling 指向后一个兄弟节点《存在兼容性问题》

 

二、访问指定节点

1.getElementById() 返回对拥有指定 id 的第一个对象的引用。 

2.getElementsByName() 返回带有指定名称的对象集合。 

3.getElementsByTagName() 返回带有指定标签名的对象集合。《存在兼容性问题》

4.getElementsByClassName() 返回带有指定class的对象集合。 《存在兼容性问题》

三、创建和操作节点

1.createElement() 创建一个元素

2.createTextNode（）创建一个文本

3.appendChild（）将给定的节点添加到目标节点

eg:

创建一个P元素:

var p=document.createElement("P") ;

创建一个文本:

var txt=document.createTextNode("Hello!!");

把txt文本添加到P元素中:

p.appendChild(txt);

 

1.removeChlid()方法指定元素的某个指定的子节点。以 Node 对象返回被删除的节点，如果节点不存在则返回 null。

语法：node.removeChild(node)

2.replaceChild()方法用新节点替换某个子节点。

语法：node.replaceChild(newnode,oldnode)

3.insertBefore() 方法在您指定的已有子节点之前插入新的子节点。

语法:node.insertBefore(newnode,existingnode)

4.cloneNode() 方法复制指定的节点,有两个值true和false,true表示复制该节点及该节点下的所有子节点,false表示只复制本身