网页节点操作方法及常见操作指南.pdfVIP

Dom节点操作常用方法

1./获取节点

document.getElementById(id);//返回对拥有指定id的第一个对象进行

document.getElementsByName(name);//返回带有指定名称的节点集合注意拼写:Elements

document.getElementsByTagName(tagname);//返回带有指定名的对象集合注意拼写：Elements

document.getElementsByClassName(classname);//返回带有指定class名称的对象集合注意拼写：Elements

2.创建节点/属性

document.createElement(eName);//创建一个节点

document.createAttribute(attrName);//对某个节点创建属性

document.createTextNode(text);//创建文本节点

3.添加节点

document.insertBefore(newNode,referenceNode);//在某个节点前节点

parentNode.appendChild(newNode);//给某个节点添加子节点

4.节点

cloneNode(true|false);//某个节点参数：是否原节点的所有属性

5.删除节点

parentNode.removeChild(node);//删除某个节点的子节点node是要删除的节点

注意：为了保证兼容性，要判断元素节点的节点类型(nodeType)，若nodeType1，再执行删除操作。通过这个方法，

就可以在IE和Mozilla完成正确的操作。

nodeType属性可返回节点的类型.最重要的节点类型是：

元素类型节点类型

元素element1

属性attr2

文本text3

注释comments8

文档document9

6.修改文本节点

方法作用

appendData(data);将data加到文本节点后面

deleteData(start,length);将从start处删除length个字符

insertData(start,data);在start处字符,start的开始值是0;

receData(start,length,data);在start处用data替换length个字符

splitData(offset);在offset处分割文本节点

substringData(start,length);从start处提取length个字符

dom节点操作常用计算

1./获取节点

document.getElementById(id);//内容对可以下一个上流设计设计docu

ment.getElementsByName(name);//内容是可以用英语标题写：Elements

document.getElementsByTagName(tagname);//全部上是可以设计名的公司上是拉写：Elements