dom提供了對html文件中元素、屬性以及文字的一系列操作方法和屬性。
通過對html節點的操作來實現相應的效果及互動。
節點分三類：元素節點、屬性節點、文件節點，其中元素節點最為重要，後面兩種節點依賴於元素節點。
元素節點的獲取：
舊的查詢方案：document.body【可直接拿到body元素】 document.forms【可拿到所有form表單】 document.href【可拿到所有帶href屬性的元素】
方法：document.getelementbyclassname(" ")
document.getelementbyid(" ")
document.getelementbytagname(" ")
【返回偽陣列】
方法（es6）：
document.queryselector(" ")
document.queryselectorall(" ")
通過元素之間的關係查詢：
element.parentelement
element.firstelementchild
element.lastelementchild
element.children
element.previouselementsibling
element.nextelementsibling
操作元素節點：建立、新增，刪除，替換，轉殖。
建立的節點並沒有新增到html文件中，需要新增後才展現在html文件裡。
element.clonenode( )【（）裡填寫true為深轉殖，會將轉殖元素的標籤內容一起複製，否則只複製標籤】
文字節點內容的獲取：
textnode.nodevalue【不常用】
elementnode.innertext【獲取元素下所有文字，只能修改文字，不能修改標籤】
elementnode.innerhtml【獲取元素下所有節點（包括注釋節點），能修改新增標籤】
屬性節點的操作：
elementnode.attributename【for 屬性需寫成：htmlfor class屬性需要寫成：classname】
elementnode..attributes【獲取某個元素下所有屬性節點】
操作方法：
element.getattribute(" ")【獲取元素節點】
element.setattribute(" ")【設定】
element.removeattribute(" ")【刪除】
element.hasattribute(" ")【是否存在】
自定義屬性：
在html裡為某些同級相同標籤新增以data-開頭的自定義屬性，這樣在dom裡可以通過dataset屬性即可操作元素節點
js選取DOM節點元素
dom中選取文件元素的方法總共有5種 1.通過id值。2.通過name屬性值。3.通過指定的標籤名。4.通過class類。5.通過css選擇器 box boxdiv class top topdiv class top topdiv class top topdiv class top topdiv...
DOM節點的插入
動態建立的元素是不夠的，它只是臨時存放在記憶體中，最終我們需要放到頁面文件並呈現出來。那麼問題來了，怎麼放到文件上？這裡就涉及到乙個位置關係，常見的就是把這個新建立的元素，當作頁面某乙個元素的子元素放到其內部。針對這樣的處理，jquery就定義2個操作的方法 簡單的總結就是 2 dom外部插入aft...
DOM節點的查詢
修改，刪除，增加，節點 文字節點，標籤節點，屬性節點，注釋節點 document.getelementbyid 通過id查詢，返回節點本身 document.getelementsbytagname 通過標籤查詢，返回陣列 document.getelementsbyname 通過屬性查詢，返回陣列...