挑战百日学习计划(小程序开发)第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
相关文章推荐
- 挑战百日学习计划(南宁小程序开发)第19天(javascript 对象以及数组的区别)
- 挑战百日学习计划(小程序开发)第16天(addEventListener)
- 挑战百日学习计划(小程序开发)第17天(getElementsByTagName)
- JavaScript DOM学习笔记3——DOM属性操作
- JavaScript学习9:DOM操作表格及样式
- 韩顺平_轻松搞定网页设计(html+css+javascript)_第19讲_js运行原理_js开发工具介绍_js程序(hello)_js基本语法_学习笔记_源代码图解_PPT文档整理
- 【知了堂学习笔记】_JavaScript之DOM操作(英语在线翻译)
- javascript学习(二) DOM操作HTML
- JavaScript学习笔记之通过DOM操作CSS
- 20180301:JavaScript的初步学习,JS的数据类型与变量,函数,DOM操纵HTML,BOM操作浏览器
- JavaScript学习笔记——DOM_对document对象的内容、属性、样式的操作
- 轻松学习JavaScript二十四:DOM编程学习之操作CSS样式(一)
- javascript学习笔记(四):DOM操作HTML
- 【知了堂学习笔记】_JavaScript之DOM操作案例(ATM机)
- javascript基础学习五---DOM操作二
- Javascript入门学习第七篇 js dom实例操作第1/2页
- 学习以面向对像的方法开发javascript程序
- 精通JavaScript开发课时12(DOM操作应用)笔记
- javascript 学习笔记(一)DOM基本操作
- 轻松学习JavaScript二十五:DOM编程学习之操作CSS样式(二)