dom節點分為三大類：元素節點、文字節點、屬性節點
文字節點、屬性節點，為元素節點的兩個子節點；
通過getelement系列方法，可以去到元素節點。
document.getelementsbyclassname() 通過classname獲取元素 物件集合（陣列）document.getelementsbyname() 元素的名稱document.getelementsbytagname() 通過元素標籤獲取document.getelementbyid() 通過id獲取1. .classname : 為元素設定乙個新的class名字；
div.classname = "class";
2. .style : 為元素設定乙個新的樣式，注意駝峰命名法；
div.style.backgroundcolor = "red";
3. .style.csstext : 為元素同時修改多個樣式；
div.style.csstext = "width:100px;height100px;";
1. tagname屬性：獲取節點的標籤名；
2. innerhtml:設定或者獲取節點內部的所有html**；
3. innertext:設定或者獲取節點內部的所有文字；
1 .childnodes：(陣列)獲取元素的所有子節點
2 .firstchild：獲取元素的第乙個子節點；
3 .lastchild:獲取元素的最後乙個子節點；
4 .ownerdocument:獲取當前文件根節點。在html文件中，為document節點
5 .parentnode:獲取當前節點的父節點；
6 .previoussibling:獲取當前節點的前乙個兄弟節點
7 .nextsibling:獲取當前節點的後乙個兄弟節點
8 .attributes:獲取當前元素節點的所有屬性節點
1. .createelement("標籤名"): 建立乙個新的節點。需要配合.setattribute()方法設定新節點的相關屬性；
3. .insertbefore(新節點名,目標節點名):將新節點，插入到目標節點之前
1. .removechild(需刪除節點):從父容器中，刪除指定節點；
2. .replacechild(新節點,被替換節點):用新節點替換指定節點。如果新節點為頁面中已有節點，會將此節點刪除後，替換到指定節點。
DOM程式設計小結
dom document object model 文件物件模型，借助dom模型，可以將乙個結構化的文件轉換成dom記憶體樹，程式可以直接修改記憶體。step1 從網路或本地拿到html源 step2 瀏覽器將html源 中的每個標籤都例項化對應的物件 step3 在記憶體中形成乙個dom樹 ste...
DOM操作小結
增加元素節點 document.createelement 增加文字節點 document.createtextnode 增加注釋節點 document.createcomment 在父節點下移除子節點 removechild 元素自身銷毀 remove 在父節點下用 a 節點替換 b 節點 rep...
DOM尺寸，DOM元素位置
dom尺寸 doctype html en utf 8 viewport content width device width,initial scale 1.0 document title utils.js script box style head box div 以乙個方向為例，每一種都有寬...