国产视频app在javascript中提供了很多操作DOM文檔的方法,當然也包括創建一個節點(元素),創建一個文本節點(text),還有把創建的節點插入到文檔中去。

createElement方法

createElement方法創建一個新的元素節點,但他只能創建元素并不能創建元素中的內容

語法:

document.createElement(nodename);

例:

国产视频app創建一個新的P標簽元素,并賦值給para

var para = document.createElement("p");

我們創建了一個空白的P標簽元素,但是我們需要再創建內容并填充到這個新創建的空白P標簽中

createTextNode方法

国产视频appcreateTextNode方法,可以創建一個文本節點。需要要注意的是,此方法只能創建文本節點,并不創建元素節點。

語法:

document.createTextNode(text);

例:

国产视频app創建一個內容為“這是飛鳥慕魚博客”的文本節點,并把這個新創建的文本節點賦值給一個變量,以便好操作。

代碼:

var txt = document.createTextNode("這是飛鳥慕魚博客");

国产视频app通邊上面createElement方法和createTextNode方法創建了一個新的元素節點和一個新的文本元素節點,但它們現在只是在javascrip世界中,并沒有真正的出現在dom(文檔)中,這里我們還有要別的方法,將它們插入到文檔流中!

appendChild方法

国产视频appappendChild方法,可以把新創建的節點插入到文檔(DOM)中指點節點中,成為指定節點的一個子節點。

createTextNode方法,createElement方法,appendChild方法

語法:

parent.appendChild(child);

国产视频app我們演示一個例子,讓上面的三個方法綜合起來使用

国产视频app利用javascript向DOM中的一個指定的ID元素中,插入一個新的P標簽元素,并加入內容“這是飛鳥慕魚博客”

HTML代碼:

<div id="mochu">
</div>

国产视频appjavascript代碼:

var mochu = getElementById("mochu");//指定ID為mochu的元素
var pare = document.createElement("p");//新建一個P標簽元素
var txt = document.createTextNode("這是飛鳥慕魚博客");//新建文本節點
pare.appendChild(txt);//把文本節點追加到新建的P標簽上
mochu.appendChild(pare);//把新建的P標簽追加到文樓中去	

国产视频app代碼,未測試各位有時間可以測試一下下!