12个javascript DOM方法介绍

本文介绍十二个关于javascript DOM操作的方法,供大家学习参考:

　　1 createElement(element)

　　创建一个指定标签名创建一个新的元素节点，返回值为指向新建元素节点的引用指针。

　　eg) var para = document.createElement("p");

　　document.body.appendChild(para);

　　2 createTextNode()

　　创建一个包含着给定文本的新文本节点，返回一个指向新建文本节点的引用指针：

　　reference = document.createTextNode()

　　参数为新建文本节点所包含的文本字符串

　　eg)

　　var message = document.createTextNode("hello world");

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

　　container.appendChild(message);

　　document.body.appendChild(container);

　　3 cloneNode()

　　reference = node.cloneNode(deep)

　　为给定节点创建一个副本，参数为true或者false，true表示同时复制该节点的子节点，false则不复制任何子节点。

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

　　var message = document.createTextNode("hello world");

　　para.appendChild(message);

　　document.body.appendChild(para);

　　var newpara = para.cloneNode(true);

　　document.body.appendChild(newpara);

　　4 appendChild()

　　reference = node.appendChild(newChild);

　　插入节点，例子参考前面。

　　5 insertBefore()

　　reference = element.insertBefore(newNode,targetNode)

　　将一个给定节点插入到一个给定元素节点的给定子节点的前面，返回一个指向新增子节点的引用指针。

　　eg)

　　var container = document.getElementById("content");

　　var message = document.getElementById("fineprint");

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

　　container.insertBefore(para,message);

　　6 removeChild()

　　reference = element.removeChild(node)

　　将从一个给定元素利删除一个子节点，返回一个指向已被删除的子节点的引用指针。

　　当某个节点被removeChild()删除后，此节点所有子节点都被删除。

　　7 replaceChild()

　　reference = element.replaceChild(newChild,oldChild)

　　把一个给定父元素里的一个子节点替换为另外一个节点，oldChild节点必须是element元素的一个子节点，返回值是一个指向已被替换的那个

　　子节点的引用指针。

　　eg)

　　var container = document.getElementById("content");

　　var message = document.getElementById("fineprint");

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

　　container.replaceChild(para,message);

　　8 setAttribute()

　　element.setAttribute(attributeName,attributeValue);

　　为给定元素节点添加一个新的属性值或是改变它的现有属性

　　9 getAttribute

　　attributeValue = element.getAttribute(attributeName)

　　返回一个给定元素的一个给定属性节点的值。

　　10 getElementById()

　　element = document.getElementById(ID)

　　寻找一个有着给定id属性值的元素，返回一个元素节点

　　11 getElementByTagName()

　　用于寻找有着给定标签名的所有元素：

　　elements = document.getElementsByTagName(tagName)

　　返回一个节点集合。

　　12 hasChildNodes

　　用来检查一个给定元素是否有子节点

　　booleanValue = element.hasChildNodes

　　返回true或false。

以上就是12个javascript DOM方法介绍的内容，更多相关文章请关注PHP中文网（m.sbmmt.com）！