JavaScript Dom節點

標籤：修改屬性   insert   remove   nod   html元素   修改   刪除節點   first   返回   

• 整個文檔是一個文檔節點
• 每個HTML元素是元素節點
• HTML元素內的文本是文本節點
• 每個HTML 屬性是屬性節點
• 注釋是注釋節點
• 屬性節點和文本節點都屬於元素節點的子節點，因此操作時，需要先選中元素節點，再修改屬性和文本。

通過 HTML DOM，樹中的所有節點均可通過JavaScript進行訪問，所有HTML元素（節點）均可被修改，也可以建立或刪除節點。

 

HTML DOM 方法

　　　createAttribute()       建立屬性節點

　　　createElement()     建立元素節點

　　　createTextNode()  建立文本節點

　　　appendChild()       把新節點添加到指定節點

　　　insertBefore()        在指定的子節點前面插入新的子節點

　　　removeChild()       刪除子節點

　　　replaceChild()         替換子節點

　　　getAttribute()           返回指定的屬性值

　　　setAttribute()           把指定屬性設定成或修改為指定的值　

　　

HTML DOM 屬性　　　

　　　innerHTML        擷取節點的文本值

　　　　　innerHTML 屬性對於擷取或替換HTML 元素的內容很有用

　　　parentNode       擷取節點的父節點

　　　childNodes        擷取節點的子節點

　　　attributes           擷取節點的屬性節點

　　　firstChild            返回第一個子節點

　　　

JavaScript Dom節點