【javascript】DOM小結

標籤：

       DOM（Document ObjectModel）文件物件模型，描述了一個層次化的節點數。D（文檔）為網頁文檔；O（對象）為window對象之類的，可調用其屬性和方法；M（模型）為網頁文檔的樹形結構。DOM定義了HTML元素的對象和屬性，以及訪問它們的方法，即DOM可對HTML元素進行擷取、修改、添加以及刪除操作。

1.DOM節點

      DOM把標籤當作節點,將網頁理解為由節點群組成的節點樹.節點的種類有五種:文檔節點、元素節點、文本節點、屬性節點、注釋及節點。整個文檔時一個文檔節點，每個HTML元素是元素節點，HTML元素內的文本是文本節點，每個HTML 屬性是屬性節點，注釋是注釋節點，這些概念都比較容易理解。

      1）節點屬性

      DOM節點有幾個非常有用的屬性：nodeName、nodetype、nodeValue。

      nodeName屬性規定節點的名稱，它始終包含HTML元素的大寫字母標籤名；nodeValue屬性規定節點的值；nodeType屬性返回節點的類型，nodeType是唯讀。

2）  層次節點屬性

      節點的階層可以劃分為：父節點與子節點、兄弟節點，當擷取到一個元素節點的時候，就可以通過層次節點屬性來擷取其他層次節點。

 2. 節點方法      為了方便的進行操作，W3C提供了一些定位節點的屬性和方法，通過它們DOM可以對節點進行建立、尋找、刪除等操作：

這些方法使得我們對網頁元素的操作更加便捷。

 

 

 

 

 

 

 

 

 

【javascript】DOM小結