DOM 節點操作

2021-09-25 11:20:14 字數 1011 閱讀 9523

節點:頁面中所有的內容(標籤,屬性,文字(文字,換行,空格,回車)),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...