一、dom代表什麼
d：document（文件），網頁載入到web瀏覽器時，把編寫的網頁文件轉化為乙個文件物件。
o：object（物件），document物件主要功能就是處理網頁內容。
m：model（模型），乙個以html為根節點的節點樹模型,節點分為三種，每個節點都是乙個物件。
二、樹節點（node）
包括元素節點、文字節點和屬性節點。
1.元素節點（element node）
如、、等，標籤的名字就是元素的名字。
2.文字節點（text node）
總是被包含在元素節點之間。
3.屬性節點（attribute node）
屬性節點總是被包含在元素節點中
附加：css基礎概念
selector
例如：
pcss子節點將自動繼承（inheritance）父節點的樣式。
為了區別開不同的元素，使用class屬性或id屬性。
class 如底下：
this paragraph use sp class
//對所有class=sp的元素進行設定
.sp
//對h2內.sp的進行設定
h2.sp
id如底下：
#id//id底下的元素
#id elementname
三、獲取元素
有三種dom方法可湖區元素節點，元素id、標籤名、類名字。
1.getelementbyid
document.getelementbyid(idvalue); //因為id是獨一無二的，所以直接用document來獲取
返回乙個物件object
2.getelementsbytagname
element.getelementbytagname(tag);//可以通過一般的元素來獲取元素陣列
返回乙個物件陣列 //即使只有乙個元素也是陣列
//某份文件裡共有多少個元素節點
document.getelementsbytagname("*").length;
3.getelementsbyclassname(html5支援)
document.getelementsbyclass(class [class1]) //與類名順序和類名數量無關，即含有這些類即可
返回乙個物件陣列
//老版本實現方法
function getelementsbyclassname(node, classname) else
}return results;}}
四、獲取和設定屬性值
1.object.getattribute(attribute);
object不包括document
2.object.setattribute(attribute,value);
object不包括document
在setattribute後，文件本身的源**不會改變。表現了dom的工作模式，先載入文件的靜態內容，再動態啊u心，動態重新整理後不影響文件的靜態內容，dom對頁面內容重新整理卻不需要在瀏覽器裡重新整理頁面。
javaScript DOM程式設計
1.獲取dom樹的根節點 2.getelementbyid 根據標籤的id獲取標籤元素和getelementsbytagname根據標籤名獲取標籤，返回的是陣列的形式 3.getelementsbynames 根據標籤的name屬性獲取標籤，返回的是陣列形式 有兩個input標籤，因此列印結果是2 ...
JavaScript DOM程式設計
dom document objective model 文字物件模型 例子 clickme 例子 先獲取某一指定的元素節點 再讀指定元素節點的屬性 設定指定元素節點的屬性的值 例子 你喜歡那個城市？你喜歡哪款單擊遊戲？name 先獲取某節點。用childnodes方法獲取指定元素節點的所有子節點。...
《JavaScript DOM程式設計藝術》筆記
標記良好的 就是一切！html js css dom方法和屬性 0 css dom 元素節點 1 與位置相關的屬性 firstchild lastchild nextsibling previoussibling parentnode childnodes 2 與本身有關屬性 nodetype no...