DOM允許你創(chuàng)建自己的元素和文本節(jié)點(diǎn)，并把它們添加大文檔樹(shù)中。理論上上說(shuō)，你可以從樹(shù)中移除所有的元素，創(chuàng)建新元素，或者重整文檔樹(shù)，從而完全改變頁(yè)面。但是在實(shí)踐中，這個(gè)特性用起來(lái)有些限制。DOM也允許你克隆現(xiàn)有的元素，已便你能方便地復(fù)制文檔的某一部分并在文檔中分發(fā)副本。

成都創(chuàng)新互聯(lián)公司主要從事做網(wǎng)站、網(wǎng)站制作、網(wǎng)頁(yè)設(shè)計(jì)、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)太子河,10多年網(wǎng)站建設(shè)經(jīng)驗(yàn),價(jià)格優(yōu)惠、服務(wù)專業(yè),歡迎來(lái)電咨詢建站服務(wù):18980820575

推薦閱讀：JavaScript DOM的本質(zhì)及操作方法

createElement()和createTextNode()

createElement()和createTextNode()做的事情正如它們的名字所說(shuō)的那樣。最常見(jiàn)的JavaScript DOM方法實(shí)戰(zhàn)-修改文檔樹(shù)中已經(jīng)用過(guò)它們。當(dāng)時(shí)的目的是把新創(chuàng)建的元素添加到文檔樹(shù)里，使它成為某個(gè)元素的***一個(gè)子節(jié)點(diǎn)。

 
 
 

  
  
  
//創(chuàng)建一個(gè)li新元素 
  
  
  
var newChild=document.createElement('li'); 
  
  
  
//創(chuàng)建一個(gè)a 新元素 
  
  
  
var newLink=document.createElement('a') 
  
  
  
//創(chuàng)建一個(gè) Text 節(jié)點(diǎn) 
  
  
  
var newText=document.createTextNode('My Wiki'); 
 
 
 

newChild指向新創(chuàng)建的

 
 
 

  
  
  
var nav=document.getElementById("nav"); 
  
  
  
//創(chuàng)建一個(gè)li新元素 
  
  
  
var newChild=document.createElement('li'); 
  
  
  
//創(chuàng)建一個(gè)a 新元素 
  
  
  
var newLink=document.createElement('a') 
  
  
  
//創(chuàng)建一個(gè) Text 節(jié)點(diǎn) 
  
  
  
var newText=document.createTextNode('My Wiki'); 
  
  
  
//把Text添加到a元素節(jié)點(diǎn)中 
  
  
  
newLink.appendChild(newText); 
  
  
  
//給a元素節(jié)點(diǎn)設(shè)置屬性href和內(nèi)容 
  
  
  
newLink.setAttribute('href',"#"); 
  
  
  
//把a(bǔ)元素節(jié)點(diǎn)添加到新的li元素節(jié)點(diǎn)中 
  
  
  
newChild.appendChild(newLink); 
  
  
  
//把新的li元素節(jié)點(diǎn)添加到 ul 元素節(jié)點(diǎn)里 
  
  
  
nav.appendChild(newChild);