挑戰百日學習計劃(小程序開發)第15天(javascript操作Dom)

javascript操作Dom元素 增刪操作

在(小程序開發:www.zkelm.com)以後必然是前端的天下 ,前端則必不可少的要使用到javascript ,大量的框架封裝,其實都離不開原生的javascript
框架只是爲了便捷我們操作而已。

1.javascript添加Dom元素
方法大致如下

<div id="mydiv"></div>
<script>
 //1.先createElement 一個元素p
var para=document.createElement('p');
//2.創造node節點內容
var node=document.createTextNode("南寧小程序開發:www.zkelm.com");
//3.把節點內容添加在創造的新元素之中
para.appendChild(node);
//4.選取body之中已經存在的元素,然後把虛擬的Dom寫入進去
var mdiv=document.getElementById("mydiv");
//5.把para創造的元素寫入到mdiv之中
mdiv.appendChild(para);
</script>

運行結果:南寧小程序開發:www.zkelm.com

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章