Dom元素小結

dom節點分為三大類：元素節點、文字節點、屬性節點

文字節點、屬性節點，為元素節點的兩個子節點；

通過getelement系列方法，可以去到元素節點。

document.getelementsbyclassname()  通過classname獲取元素  物件集合（陣列）document.getelementsbyname()  元素的名稱document.getelementsbytagname() 通過元素標籤獲取document.getelementbyid()  通過id獲取

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 以乙個方向為例，每一種都有寬...