首先看一下dom樹結構：
每個節點都是乙個物件，擁有方法和屬性。
指令碼可以訪問以及更新dom樹（不是源**）。
針對dom樹的修改都會反映到瀏覽器。
訪問並更新dom樹需要兩個步驟：
一、定位到與需要操作的元素所對應的節點
訪問元素的相關方法和屬性
1.選擇單個元素節點方法
(1) getelementbyid() //使用元素的id屬性（在頁面中應是唯一）
(2) queryselector() //使用css選擇器，返回第乙個匹配的元素
(3) 通過使用在dom樹中從第乙個元素遍歷到另乙個元素的方式來選擇單獨的元素
2.選擇多個元素（當乙個dom方法可以返回多個元素時，會返回乙個nodelist）
(1) getelementsbyclass() //選擇所有在class屬性中使用了特定值得元素
(2) getelementsbytagname() //選擇所有使用了指定標記的元素
(3) 使用css選擇器來選擇所有匹配的元素
3.在元素節點之間遍歷
(1) parentnode //選擇當前元素節點的父節點（只返回乙個元素）
(2) previoussibling/nextsibling //選擇dom樹中的前乙個/後乙個兄弟節點
(3) firstchild/lastchild //返回當前元素的第乙個/最後乙個子節點
二、使用它的文字內容、子元素或屬性。
1.訪問/更新文字節點
使用文字節點的唯一屬性 nodevalue 從元素中獲取文字
2.操作html內容
innerhtml：可以訪問子元素和文字內容
textcontent：僅能訪問文字內容
createelement(): 建立新節點
createtextnode():建立文字節點
removechlid():移除子節點
3.訪問或更新屬性值
classname/id:使用它們獲取或更新class和id的值
hasattribute():用來檢查屬性是否存在
getattribute():用來獲取屬性值
setattribute():用來更新屬性值
removeattribute():用來移除屬性
DOM文件物件模型（一）
輸出內容 了解 write 將內容輸出到瀏覽器中 語法 document.write writeln 向文件寫入資料並新增換行符 語法 document.writeln 快速獲取元素 了解 document.forms 掌握 獲取所有form物件引用 由於form是用來提交資料的，是前後端進行連線的...
DOM 文件物件模型
dom 文件物件模型 概念的推出,這個api使html如虎添翼,但是有些學dhtml的朋友還是有些困撓,只是因為目前的手冊的書寫不太科學,是按字母 來分的,不便查閱.其實dom中最關鍵是要掌握節點與節點之間的關係 between node andnode 想學習dhtml中的dom千萬不要從頭到尾地...
DOM文件物件模型
dom document object model文件物件模型 用來將標記型文件的文件封裝成物件，並且將文件中的所有的類容 文字，屬性，屬性值 分裝成為物件。封裝的目的是為了更好的對文字文件進行操作。有了物件就可以更好的利用文件對其中的屬性和值進行呼叫。document 標記型文件 object 封...