1. 程式人生 > >JavaScript Dom節點

JavaScript Dom節點

first 第一個 family 需要 替換 set 修改 ttr ont

  • 整個文檔是一個文檔節點
  • 每個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節點