DOM(document object model)由節點構成，元素節點，文本節點，屬性節點是一份DOM的所有組成。

<p id="p">this is a node</p>

上面代碼分解：

　　　　<p></p>是一個元素節點，this is a node是文本節點，id="p"是屬性節點。

三種節點關系：

　　　　文本節點和屬性節點必須放在元素節點中，但元素節點未必包含文本節點和屬性節點。

獲取元素

　　　　獲取元素有三種方式標簽名或id,class,返回的是有著給定id、class、tagName的元素節點對應的對象。

　　　　getElementById("id")是document特有的方法，函數名後面必須有括號，括號中傳入id值，id放在單引號或雙引號中。

類似有document.getElementsByTagName(),document.getElementsByClass(),不同的是這兩個函數返回對象數組，有length屬性，可通過元素節點對象來調用

document.getElementsByTagName()接受的參數包括通配符*，為了讓通配符與乘法操作符*區分，通配符必須放在""中。

document.getElementsByClass()可接收多個類名，用空格隔開，如"className1 className2",要求匹配同時帶有兩個類名的元素，類名的順序不影響匹配結果

CSS控制DOM樣式

selector{
    property
 
:value;
}

　　　　selector可以表示元素節點，通過標簽名或者元素屬性（id||class）來表示，{}中設置樣式，這些樣式不僅作用於直接包含在selector中的元素，由於子節點會繼承父節點的樣式，因此還作用於嵌套在selector內部的所有元素。

獲取和設置屬性

　　　　getAttribute，setAttribute，這兩個方法不屬於document對象，只能通過元素節點對象調用。

DOM 基礎（一）