12個javascript DOM方法介紹

本文介紹十二個關於javascript DOM操作的方法,供大家學習參考:

　　1 createElement(element)

　　建立一個指定標籤名稱建立一個新的元素節點，傳回值為指向新元素節點的引用指標。

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

　　document.body.appendChild(para);

　　2 create.appendChild(para);

　　2 create。新建文本節點的引用指針：

　　reference = document.createTextNode()

　　參數為新建文本節點所包含的文本字符串

　　eg)

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

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

　　container.appendChild(message);

　　document.body.appendChild(container);　　document.body.appendn(container); (deep)

為給定節點建立一個副本，參數為true或false，true表示同時複製該節點的子節點，false則不複製任何子節點。

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

　　var message = document.createTextNode("hello ;

　　var newpara = para.cloneNode(true);

　　document.body.appendChild(newpara);

　　4 appendChild()🀎節點，例子參考前面。

　　5 insertBefore()

　　reference = element.insertBefore(newNode,targetNode)

　　將一個給定節點的節點頭插入到一個給定子節點的給定子的節點，將一個給定子節點的參考節點。

　　eg)

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

　　var message = document.getElementById("　　var message = document.getElementById("

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

　　container. insertBefore(para,message);

　　6 removeChild()

　　reference = element.removeChild(node)

　　子節點將被刪除給定元素一個給定元素的節點，已被引用一個給子節點的指標所刪除的一個子節點。

　　當某個節點被removeChild()刪除後，此節點所有子節點都被刪除。

　　7 replaceChild()

　　reference = element.replaceChild(newChild,oldChild)

　　把一個給定父元素裡的一個子節點為另外一個節點傳回一個節點為另一個節點，且將一個給定父元素裡的一個子節點為另一個節點傳回是一個指向已被替換的那個

　　子節點的引用指標。

　　eg)

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

　　var message = document.getElementById("　　var message = document.getElementById("

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

　　container. replaceChild(para,message);

　　8 setAttribute()

　　element.setAttribute(attributeName,attributeValue);d ute

　　attributeValue = element.getAttribute(attributeName)

　　傳回一個給定元素的一個給定屬性節點的值。

　　10 getElementById()

　　element = document.getElementById(ID)

　　尋找一個有著給定〜化，　用於尋找有著給定標籤名的所有元素：

　　elements = document.getElementsByTagName(tagName)

　　傳回一個節點集合。

　　12 hasChildNodes

　　用來檢查一個給定元素是否有子節點

　　booleanValue = element.hasChildNodes

　　返回true或false。

以上就是12個javascript DOM方法介紹的內容，更多相關文章請關注PHP中文網（www.php.cn）！