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>
您可能感興趣的文章:
- JavaScript DOM節(jié)點(diǎn)操作方法總結(jié)
- JS實(shí)現(xiàn)動(dòng)態(tài)添加DOM節(jié)點(diǎn)和事件的方法示例
- JavaScript中對(duì)DOM節(jié)點(diǎn)的訪問(wèn)、創(chuàng)建、修改、刪除
- js和jquery對(duì)dom節(jié)點(diǎn)的操作(創(chuàng)建/追加)
- JS常見(jiàn)DOM節(jié)點(diǎn)操作示例【創(chuàng)建 ,插入,刪除,復(fù)制,查找】
- JS實(shí)現(xiàn)DOM節(jié)點(diǎn)插入操作之子節(jié)點(diǎn)與兄弟節(jié)點(diǎn)插入操作示例
- JS構(gòu)建頁(yè)面的DOM節(jié)點(diǎn)結(jié)構(gòu)的實(shí)現(xiàn)代碼
- JS訪問(wèn)DOM節(jié)點(diǎn)方法詳解
- JavaScript DOM節(jié)點(diǎn)操作實(shí)例小結(jié)(新建,刪除HTML元素)
- [js高手之路]HTML標(biāo)簽解釋成DOM節(jié)點(diǎn)的實(shí)現(xiàn)方法
- 原生js實(shí)現(xiàn)針對(duì)Dom節(jié)點(diǎn)的CRUD操作示例
相關(guān)文章
概述BootStrap中role="form"及role作用角色
這篇文章主要介紹了BootStrap中role="form"及role作用角色介紹,以及bootstrap柵欄系統(tǒng)css中的col-xs-*,col-sm-*,col-md-* 的意義簡(jiǎn)單介紹,需要的朋友參考下2016-12-12SelectPage v2.4 發(fā)布新增純下拉列表和關(guān)閉分頁(yè)功能
下拉分頁(yè)選擇插件 SelectPage v2.4 發(fā)布了,新增純下拉列表和關(guān)閉分頁(yè)功能,下面通過(guò)本文給大家啊介紹SelectPage的相關(guān)知識(shí),感興趣的的朋友一起看看吧2017-09-09JS獲取當(dāng)前網(wǎng)頁(yè)大小以及屏幕分辨率等
這篇文章主要介紹了JS獲取當(dāng)前網(wǎng)頁(yè)大小以及屏幕分辨率等,方法雖簡(jiǎn)單,但比較實(shí)用,需要的朋友可以參考下2014-09-09Javascript中各種trim的實(shí)現(xiàn)詳細(xì)解析
這篇文章主要是對(duì)Javascript中各種trim的實(shí)現(xiàn)進(jìn)行了詳細(xì)的介紹,需要的朋友可以過(guò)來(lái)參考下,希望對(duì)大家有所幫助2013-12-12