JS中DOM操作

標籤：XML   java   複製   插入   dom   com   asc   rem   公司   

DOM建立

DOM(文件物件模型)是針對HTML和XML文檔的一個API(API)。

DOM描繪了一個層次化的節點樹，允許開發人員添加，移動，刪除和修改頁面的某一部分。

DOM脫胎於Netscape及微軟公司創始的DHTML(動態HTML)，但現在它已經成為表現和操作頁面標記的真正的跨平台，語言中立的方式。

注意：

IE中所有DOM對象都是以COM對象的形式實現的，這意味著IE中的DOM對象與原聲JavaScript對象的行為或活動特點不一致

節點操作:

插入節點：

appendChild();用於向childNodes列表尾部添加一個節點。如果傳入到appendChild()中的節點已經是文檔的一部分了，那結果就是將該節點從原來位置轉移到新位置。

insertBefore(); 把需要插入的節點放到childNodes列表的指定位置上，接收兩個參數(要插入的節點，參照節點);被插入的節點會變成參照節點的前一個同胞節點，同時返回。如果參照節點是NULL，則與appendChild執行相同的操作。

替換節點:

replaceChild(); 替換節點；接收兩個參數(要插入的節點和要替換的節點)

移除節點：

removeChild(); 移除節點；返回被移除的節點。

其他方法：

cloneNode(); 複製節點。參數為true/false。為true時進行深度複製，為false時進行淺度複製。

normalize(); 移除空的文本節點，並串連相鄰的文本節點。

Document類型:

 

JS中DOM操作