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