您的位置：首页 > 其它

文档对象模型DOM

2015-07-16 22:32 316 查看

一、节点的属性和方法

1.nodeName 节点的名字

2.nodeValue 节点的值

3.nodeType 节点的类型常量值

4.childNodes 所有子节点的列表

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

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

7.parentNode 父级节点

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

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

二、访问指定节点

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

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

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

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

三、创建和操作节点

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()方法指定元素的某个指定的子节点。[b]以 Node 对象返回被删除的节点，如果节点不存在则返回 null。[/b]

[b]语法：node.removeChild(node)[/b]

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

[b]语法：node.replaceChild(newnode,oldnode)[/b]

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

语法:node.insertBefore(newnode,existingnode)

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

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航