您的位置:首页 > 移动开发 > 微信开发

挑战百日学习计划(小程序开发)第15天(javascript操作Dom)

2020-06-05 09:56 253 查看

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

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: