JavaScript DOM节点添加示例


Posted in Javascript onJuly 16, 2014
<!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 相关文章推荐
让插入到 innerHTML 中的 script 跑起来的实现代码
Jul 01 Javascript
用js实现计算代码行数的简单方法附代码
Aug 13 Javascript
JavaScript DOM 添加事件
Feb 14 Javascript
JavaScript 面向对象编程(2) 定义类
May 18 Javascript
理解JavaScript中的对象 推荐
Jan 09 Javascript
jquery 笔记 事件
Nov 02 Javascript
JQ获取动态加载的图片大小的正确方法分享
Nov 08 Javascript
老生常谈javascript变量的命名规范和注释
Sep 29 Javascript
解决AngualrJS页面刷新导致异常显示问题
Apr 20 Javascript
jqgrid实现简单的单行编辑功能
Sep 30 Javascript
新手入门带你学习JavaScript引擎运行原理
Jun 24 Javascript
vue中使用带隐藏文本信息的图片、图片水印的方法
Apr 24 Javascript
js中各种类型的变量在if条件中是true还是false
Jul 16 #Javascript
JQuery做的一个简单的点灯游戏分享
Jul 16 #Javascript
jQuery ajax调用WCF服务实例
Jul 16 #Javascript
Jquery Post处理后不进入回调的原因及解决方法
Jul 15 #Javascript
js限制checkbox选中个数以限制六个为例
Jul 15 #Javascript
js用typeof方法判断undefined类型
Jul 15 #Javascript
js的image onload事件使用遇到的问题
Jul 15 #Javascript
You might like
浅析Yii2中GridView常见操作
2016/04/22 PHP
extjs4 treepanel动态改变行高度示例
2013/12/17 Javascript
javascript函数式编程实例分析
2015/04/25 Javascript
举例详解Python中smtplib模块处理电子邮件的使用
2015/06/24 Javascript
Bootstrap页面布局基础知识全面解析
2016/06/13 Javascript
Node.js调试技术总结分享
2017/03/12 Javascript
微信小程序动态的加载数据实例代码
2017/04/14 Javascript
微信小程序实现多个按钮toggle功能的实例
2017/06/13 Javascript
解决VUEX兼容IE上的报错问题
2018/03/01 Javascript
vue中使用protobuf的过程记录
2018/10/26 Javascript
实现Vue的markdown文档可以在线运行的方法示例
2018/12/11 Javascript
快速解决vue2+vue-cli3项目ie兼容的问题
2020/11/17 Vue.js
[58:15]2018DOTA2亚洲邀请赛 4.1 小组赛 A组 NB vs Liquid
2018/04/02 DOTA
[01:19:46]EG vs Secret 2019国际邀请赛淘汰赛 胜者组 BO3 第二场 8.21.mp4
2020/07/19 DOTA
跟老齐学Python之Python安装
2014/09/12 Python
python实现上传样本到virustotal并查询扫描信息的方法
2014/10/05 Python
python清除指定目录内所有文件中script的方法
2015/06/30 Python
python简单文本处理的方法
2015/07/10 Python
python字符串过滤性能比较5种方法
2017/06/22 Python
Python实现爬取需要登录的网站完整示例
2017/08/19 Python
基于Python开发chrome插件的方法分析
2018/07/07 Python
python 爬取学信网登录页面的例子
2019/08/13 Python
对pytorch中的梯度更新方法详解
2019/08/20 Python
jupyter notebook 实现matplotlib图动态刷新
2020/04/22 Python
python uuid生成唯一id或str的最简单案例
2021/01/13 Python
Python实现京东抢秒杀功能
2021/01/25 Python
Vince官网:全球著名设计师品牌,休闲而优雅的服饰
2017/01/15 全球购物
计算机专业毕业生推荐信
2013/11/25 职场文书
工程类专业自荐信范文
2014/03/09 职场文书
开展批评与自我批评心得体会
2014/10/17 职场文书
优秀共产党员推荐材料
2014/12/18 职场文书
表扬稿格式范文
2015/01/16 职场文书
师德承诺书2015
2015/04/28 职场文书
小学校本教研总结
2015/08/13 职场文书
Django+Celery实现定时任务的示例
2021/06/23 Python
html用代码制作虚线框怎么做? dw制作虚线圆圈的技巧
2022/12/24 HTML / CSS