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é)點操作方法總結
- JS實現動態(tài)添加DOM節(jié)點和事件的方法示例
- JavaScript中對DOM節(jié)點的訪問、創(chuàng)建、修改、刪除
- js和jquery對dom節(jié)點的操作(創(chuàng)建/追加)
- JS常見DOM節(jié)點操作示例【創(chuàng)建 ,插入,刪除,復制,查找】
- JS實現DOM節(jié)點插入操作之子節(jié)點與兄弟節(jié)點插入操作示例
- JS構建頁面的DOM節(jié)點結構的實現代碼
- JS訪問DOM節(jié)點方法詳解
- JavaScript DOM節(jié)點操作實例小結(新建,刪除HTML元素)
- [js高手之路]HTML標簽解釋成DOM節(jié)點的實現方法
- 原生js實現針對Dom節(jié)點的CRUD操作示例
相關文章
概述BootStrap中role="form"及role作用角色
這篇文章主要介紹了BootStrap中role="form"及role作用角色介紹,以及bootstrap柵欄系統(tǒng)css中的col-xs-*,col-sm-*,col-md-* 的意義簡單介紹,需要的朋友參考下2016-12-12SelectPage v2.4 發(fā)布新增純下拉列表和關閉分頁功能
下拉分頁選擇插件 SelectPage v2.4 發(fā)布了,新增純下拉列表和關閉分頁功能,下面通過本文給大家啊介紹SelectPage的相關知識,感興趣的的朋友一起看看吧2017-09-09