１.文件：DOM中的“D” 當建立了一個網頁並把它載入到Web瀏覽器中時，DOM就在幕後悄然而生。它把編寫的網頁轉化為一個文件物件。 2.物件：ＤＯＭ中的“Ｏ” 物件是是一種自足的資料集合，與某個特定物件相關聯的變數被稱為這個物件的屬性；只能通過某個特定物件去呼叫的函式稱為這個物件的方法。 js中物件分為三種： （1）使用者自定義物件 （2）內建物件：內建在js中的物件。包括Array、Boolean、Date、Function、Global、Math、Number、Object、RegExp、String以及各種錯誤物件，包括Error、EvalError、RangeError、ReferenceError、SyntaxError和TypeError。 其中Global和Math這兩個物件又被稱為“內建物件”，這兩個物件在指令碼程式初始化時被建立，不必例項化這兩個物件。 （3）宿主物件：由瀏覽器提供的物件。包括DOM和BOM。      window物件對應著瀏覽器視窗本身，這個物件的屬性和方法通常統稱為BOM。      DOM對此昂的主要功能是處理網頁內容。 ３.模型：ＤＯＭ中的“Ｍ” DOM代表載入到瀏覽器視窗的當前網頁，DOM把一份文件表示為一棵家譜樹。瀏覽器提供了網頁的模型，而我們可以通過js去讀取這個模型。 4.節點： DOM由許多不同的節點構成：元素節點、文字節點、屬性節點等 5.獲取元素： 有4種DOM方法可以獲取元素節點： （1）getElementById：document物件特有的函式，返回具有給定id的元素節點對應的物件。 （2）getElementsByTagName:返回一個數組，這個陣列中的每個元素都是物件      允許把萬用字元（“*”）作為引數，可獲取文件中所有元素。      getElementById和getElementsByTagName可結合起來使用：      例如：      var shopping=document.getElementById("purchases");      var items=shopping.getElementsByTagName("*"); (3)getElementsByClassName:（html5 DOM新添的方法）返回一個具有相同類名的元素的陣列。      document.getElementsByClassName("inportant sale");類名的順序與元素中類名的順序不一致並不重要，就算元素帶有更多                 的類名也沒有關係。      getElementsByClassName也可和getElementById結合使用。      這個方法只有較新的瀏覽器才支援它，下面這個函式能適用於新老瀏覽器：

function getElementsByClassName(node,classname){
     if(node.getElementsByClassName){
          return node.getElementsByClassName("classname");
     }else{
          var result=[];
          var elems=document.getElementsByTagName("*");
          for(var i=0,len=elems.length;i<len;i++){
               if(elems[i].className.indexOf(classname)!=-1){
                    result[result.length]=elems[i];
               }
          }
          return result;
     }
}
 

（4） document.getElementsByName：通過元素名稱來獲取元素物件，返回的是一個數組 6.獲取和設定屬性
getAttribute()和setAttriute()方法不屬於document物件，所以不能通過document物件呼叫，它只能通過元素節點物件呼叫。
這裡有一個細節：通過setAttribute對文件做出修改之後，在通過瀏覽器檢視原始碼時看到的仍將是改變前的屬性值，也就是說setAttribute做出的修改不會反映在文件本身的原始碼裡，這種“表裡不一”的現象源自DOM的工作模式：先載入文件的靜態內容，再動態重新整理，動態重新整理不影響文件的靜態內容。這正是DOM的真正威力：對頁面的內容進行重新整理卻不需要再瀏覽器裡面重新整理。