節點:頁面中所有的內容(標籤,屬性,文字(文字,換行,空格,回車)),node
節點的屬性:(可以使用標籤--元素.出來,可以使用屬性節點.出來,文字節點.點出來)
nodetype:節點的型別:1----標籤,2---屬性,3---文字
nodename:節點的名字:標籤節點---大寫的標籤名字,屬性節點---小寫的屬性名字,文字節點----#text
nodevalue:節點的值:標籤節點---null,屬性節點---屬性值,文字節點---文字內容
節點和元素的區別:
節點:頁面中所以的內容
元素:標籤
獲取節點和元素的12行**(記住)
< body>
哦哦 這是div中的第乙個span標籤
這是div中的第二個元素,第乙個p標籤
二、插入節點var obj= document.createelement("input");
obj.type="button";
obj.value="按鈕"+i;
my$("dv").insertbefore(obj,my$("dv").firstelementchild);
三、刪除、移除節點
1、removechild(節點) 刪除乙個節點,用於移除刪除乙個引數(節點)。其返回的被移除的節點,被移除的節點仍在文件中,只是文件中已沒有其位置了
my$("btn2").onclick=function () ;
四、替換節點
1、replacechild(插入的節點,被替換的節點) ,用於替換節點,接受兩個引數,第一引數是要插入的節點,第二個是要被替換的節點。返回的是被替換的節點。
var replacechild= document.body.replacechild(div1,div2); //將div1替換div2
DOM節點操作
節點型別 nodetype nodename nodevalue 含義element node 1標籤名 eg div null 元素節點 attribute node 2特性名 eg class 特性值特性節點 text node 3 text 文字的內容 文字節點 cdata section n...
操作dom節點
取到節點物件可以,我們可以建立乙個節點後動態插入到dom節點樹中 html中 1 建立乙個文字節點 第一段第二段 第三段 js var div document getelementsbytagname div 0 var textnode document createtextnode 文字節點 ...
DOM 節點操作
方法名 只能document呼叫 返回單一的值 返回動態集合 getelementbyid getelementsbytagname getelementsbyclassname queryselectorall queryselector 建立節點document.createelement ta...