dom樹：html下面的head和body、head下面有meta、style、title、body下面的有一些div標籤，
像這種就是dom樹；
nodetype:
任何的html元素都有nodetype屬性，值1-11，原生js屬性
只需要掌握4個
值：1 元素節點
3 文字節點 （空格也是文字節點）
8 注釋節點
9 document節點
物件.childnodes --獲取物件下面的子節點，獲取所有子元素，返回類陣列
1、children --僅僅獲取元素節點
2、parentnode ----獲取父級節點，只有乙個
3、previoussibling -----上乙個兄弟節點
4、nextsibling ---下乙個兄弟節點
增加1、obj.createelement(str) ---建立節點，不能重複的使用
3、obj.insertbefore(a,b) ---a（新兒子），b（原有標桿兒子），將節點新增到標桿節點前
/* 建立 增加 */
/*建立節點 */
var p = document.createelement('p');//建立p節點，但是還沒有新增上dom樹
/* 增加節點 */
/* 給節點新增樣式 */
p.innerhtml = '4';
p.style.backgroundcolor = 'deeppink';
/* 在指定子節點前新增子節點 */
obox.insertbefore(ap[2],ap[0]);
4、obj.removechild(兒子) ---父級刪除兒子
/* 刪除 */
obox.removechild(ap[0]);
/* 想刪除自己必須先找到父級，再去刪除自己 */
ap[1].parentnode.removechild(ap[1]);
5、replacechild(a,b)
/*
replacechild(新兒子,老兒子) 替換節點，
替換後老兒子會被刪除掉，而新兒子會替代老兒子節點，
這樣的話總的節點會失去乙個老兒子節點
*/obox.replacechild(ap[0],ap[2]);
6、clonenode()
/* clonenode() 轉殖節點 轉殖之後是沒有父級節點的轉殖好以後就是乙個孤兒節點，必須要通過其他方法新增到dom數上
*/var a = ap[0].clonenode(true); // true--深度轉殖，如果沒有引數就是淺轉殖
js 獲取dom元素方法
js 獲取dom元素的八種方法 通過id獲取 getelementbyid 通過name屬性 getelementsbyname 通過標籤名 getelementsbytagname 通過類名 getelementsbyclassname 通過選擇器獲取乙個元素 queryselector 通過選擇...
DOM獲取和設定屬性
一.節點 節點 node 這詞是網路術語，表示網路中的乙個連線點，乙個網路就是由一些節點構成的集合。三種型別節點 元素節點，文字節點，屬性節點 不要忘記買東西 上行 中 元素為元素節點，title a gentle reminder 為屬性節點 不要忘記買東西為文字節點 二.css 繼承 inher...
js的DOM的方法和屬性總結
1.dom的獲取元素 document.getelementbyid context.getelementsbytagname tag 可以獲取相應上下文環境所有的tag標籤 context.getelementsbyclassname ie6 8不相容 context.getelementsbyn...