首頁 > 開發者 > JavaScript
Dom樹：
下面我們直接看 到底怎麼操作DOM。
1， 建立元素節點。createElement():
<SCRIPT LANGUAGE="JavaScript">
var a = document.createElement("p");
alert( "節點類型是 ： " +a.nodeType + " , 節點名稱是： " + a.nodeName);
</SCRIPT>
輸出 ; nodeType 是 1 . a.nodeName 是 p ;
所以它建立的是一個元素節點 ….你也許會想 為什麼文檔中沒發現 節點 p呢？
我們看下面例子：
<body>
</body>
<SCRIPT LANGUAGE="JavaScript">
var a = document.createElement("p");
document.body.appendChild(a);
</SCRIPT>
用firebug查看下，發現文檔中已經 有我們需要的結果了。
原來createElement()方法建立出來的新元素節點不會被自動添加到文檔裡，既然沒添加到文檔裡，說明它還是一個游離的狀態。如果想把它添加到文檔裡，可以使用 appendChild()或者insertBefore()方法或者replaceChild()方法（後面介紹）。
2，建立文本節點。createTextNode():
var b = document.createTextNode("my demo");
alert( "節點類型是 ： " +b.nodeType + " , 節點名稱是： " + b.nodeName);
輸出 ; nodeType 是 3 . a.nodeName 是 ＃text ;
所以它建立的是一個文本節點 ….你也許又會想 為什麼文檔中沒發現 這個文本節點 呢？難道也和createElement()一樣，需要使用appendChild（）添加到文檔裡。
對的，你的想法非常對。
我們看下面例子：
<body>
</body>
<SCRIPT LANGUAGE="JavaScript">
var mes = document.createTextNode("hello world");
var container = document.createElement("p");
container.appendChild(mes);//先把文本節點添加到 元素節點
document.body.appendChild(container);//再把元素節點添加到 文檔裡
</SCRIPT>
3， 複製節點。cloneNode(boolean) :一個參數：
看一個例子：
<body>
</body>
<SCRIPT LANGUAGE="JavaScript">
var mes = document.createTextNode("hello world");
var container = document.createElement("p");
container.appendChild(mes);
document.body.appendChild(container);
var newpara = container.cloneNode(true);//true和false的區別
document.body.appendChild(newpara );
var newpara = container.cloneNode(false);//true和false的區別
document.body.appendChild(newpara );
</SCRIPT>
看下firebug下的結果：
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
