JavaScript DOM
D代表“Document”， 文件 ， 它將網頁文件轉換為文件物件。 由“文件”引入“物件”

O代表“Object” ， 物件 ， 即一種自足的資料集合。
物件分為三種類型

1. 使用者定義物件：使用者自行建立。
2. 內建物件：內嵌於JavaScript中的物件 ， 如Array，Math，Data等。
3. 宿主物件：瀏覽器提供的物件。

宿主物件提供了window.open和window.blur等方法 ， 以前的版本基本夠用。現在需要深入瞭解的是document物件的屬性和方法。

M代表“Model” ， 即模型 ， 瀏覽器提供了這個模型 ， 我們則要通過JavaScript來讀取這個地圖甚至改造這個地圖。

文件物件可以看做一個“家譜樹”
至少為一個父親(parent)，和為它的子元素且互為兄弟。

這時則誕生出了“節點”的概念

1. 元素節點：文件物件中的各個元素，如body，p等等。
2. 文字節點：位於p標籤中或其他形式存在的文字。
3. 屬性節點：id，class賦予元素的屬性。

屬性宣告
JavaScript中css樣式表的宣告及引用，class、id屬性的構造。

獲取元素

1. getElementById
   通過id返回一個物件，這個物件對應一個特定元素節點。（唯一元素）
2. getElementByTagName
   返回對應標籤的一組元素。
3. getElementByClassName
   返回一個類中的一組元素。

獲取和設定屬性

得到需要的元素後，我們就可以對相應元素的屬性進行設定

1. getAttribute
   object.getAttribute(attribute) 用於獲取object的屬性值
   eg:

var paras =document.getElementByTagName("p");//此前賦予p的name一個值
       for(var i=0 ; i < paras.length ; i++){
          alert(paras[i].getAttribute("title"
 
));
}

此處可以獲取到之前設定的name值，並通過alert對話方塊彈出