JavaScript DOM節(jié)點(diǎn)添加示例

更新時(shí)間：2014年07月16日 17:31:32 投稿：whsnow

本節(jié)為大家介紹下JavaScript DOM節(jié)點(diǎn)添加，將node里面的str放到h1段落中使之成為h1的新段落

<!DOCTYPE html> 
<html> 
<body> 

<div id="div1"> 
<p id="p1">這是一個(gè)段落。</p> 
<p id="p2">這是另一個(gè)段落。</p> 
</div> 

<script> 
var para=document.createElement("h1"); 
var node=document.createTextNode("這是新段落。"); 
para.appendChild(node); 
//將node里面的str放到h1段落中 
//使之成為<h1>這是新段落</h1> 

var element=document.getElementById("div1"); 
element.appendChild(para); 

//將para放到div中 

</script> 

</body> 
</html>

您可能感興趣的文章:

相關(guān)文章

JS實(shí)現(xiàn)Enter鍵跳轉(zhuǎn)及控件獲得焦點(diǎn)
想讓Enter鍵跳轉(zhuǎn)的同時(shí)讓控件獲得焦點(diǎn)，具體實(shí)現(xiàn)js代碼如下，感興趣的朋友可以參考下，希望對(duì)大家有所幫助
2013-08-08
JavaScript實(shí)現(xiàn)點(diǎn)擊自制菜單效果
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)點(diǎn)擊自制菜單效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-02-02
淺談js中test()函數(shù)在正則中的使用
下面小編就為大家?guī)?lái)一篇淺談js中test()函數(shù)在正則中的使用。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2016-08-08
ztree加載完成后顯示勾選節(jié)點(diǎn)的實(shí)現(xiàn)代碼
zTree 是一個(gè)依靠 jQuery 實(shí)現(xiàn)的多功能 “樹(shù)插件”。優(yōu)異的性能、靈活的配置、多種功能的組合是 zTree 最大優(yōu)點(diǎn)。這篇文章主要介紹了ztree加載完成后顯示勾選節(jié)點(diǎn)的實(shí)現(xiàn)代碼 ,需要的朋友可以參考下
2018-10-10
JavaScript高階教程之“==”隱藏下的類(lèi)型轉(zhuǎn)換
這篇文章主要給大家介紹了關(guān)于JavaScript高階教程之“==”隱藏下類(lèi)型轉(zhuǎn)換的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)或者使用JavaScript具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2019-04-04
javascript 判斷當(dāng)前瀏覽器版本并判斷ie版本
這篇文章主要介紹了javascript 判斷當(dāng)前瀏覽器版本并判斷ie版本的相關(guān)資料,需要的朋友可以參考下
2017-02-02
利用js讀取動(dòng)態(tài)網(wǎng)站從服務(wù)器端返回的數(shù)據(jù)
這篇文章主要介紹了利用js讀取動(dòng)態(tài)網(wǎng)站從服務(wù)器端返回的數(shù)據(jù),需要的朋友可以參考下
2014-02-02
JS實(shí)現(xiàn)QQ圖片一閃一閃的效果小例子
這篇文章介紹了JS實(shí)現(xiàn)QQ圖片一閃一閃的效果小例子，有需要的朋友可以參考一下
2013-07-07
javascript 跨域問(wèn)題以及解決辦法
這篇文章主要介紹了javascript 跨域問(wèn)題以及解決辦法的相關(guān)資料,需要的朋友可以參考下
2017-07-07
初識(shí)Javascript小結(jié)
本文是一個(gè)學(xué)習(xí)javascript的新手總結(jié)的一些關(guān)于javascript的方法，有需要的小伙伴可以參考下。
2015-07-07