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 相关文章推荐
jQuery 1.0.2
Oct 11 Javascript
一个可以显示阴历的JS代码
Mar 05 Javascript
用Javascript评估用户输入密码的强度(Knockout版)
Nov 30 Javascript
js子页面获取父页面数据示例
May 15 Javascript
Node.js中使用Log.io在浏览器中实时监控日志(等同tail -f命令)
Sep 17 Javascript
JavaScript实现弹出子窗口并传值给父窗口
Dec 18 Javascript
元素绑定click点击事件方法
Jun 08 Javascript
jquery实现图片水平滚动效果代码分享
Aug 26 Javascript
jQuery中trigger()与bind()用法分析
Dec 18 Javascript
使用AJAX实现Web页面进度条的实例分享
May 06 Javascript
前端程序员必须知道的高性能Javascript知识
Aug 24 Javascript
bootstrap table小案例
Oct 21 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
使用bcompiler对PHP文件进行加密的代码
2010/08/29 PHP
CodeIgniter多语言实现方法详解
2016/01/20 PHP
laravel 5.1下php artisan migrate的使用注意事项总结
2017/06/07 PHP
浅谈JavaScript中面向对象技术的模拟
2006/09/25 Javascript
js计数器代码
2006/11/04 Javascript
Mootools 1.2教程 正则表达式
2009/09/15 Javascript
Jquery 动态添加按钮实现代码
2010/05/06 Javascript
Google Maps API地图应用示例分享
2014/10/23 Javascript
剖析Node.js异步编程中的回调与代码设计模式
2016/02/16 Javascript
微信小程序 自己制作小组件实例详解
2016/12/22 Javascript
bootstrap table动态加载数据示例代码
2017/03/25 Javascript
node.js微信小程序配置消息推送的实现
2019/02/13 Javascript
基于javascript实现放大镜特效
2020/12/03 Javascript
推荐下python/ironpython:从入门到精通
2007/10/02 Python
Python中的列表生成式与生成器学习教程
2016/03/13 Python
Python实现PS滤镜中马赛克效果示例
2018/01/20 Python
python将文本分每两行一组并保存到文件
2018/03/19 Python
Python中实现单例模式的n种方式和原理
2018/11/14 Python
对Python 多线程统计所有csv文件的行数方法详解
2019/02/12 Python
python图形开发GUI库pyqt5的详细使用方法及各控件的属性与方法
2020/02/14 Python
Python 为什么推荐蛇形命名法原因浅析
2020/06/18 Python
使用TensorBoard进行超参数优化的实现
2020/07/06 Python
深入探究HTML5的History API
2015/07/09 HTML / CSS
美国亚洲时尚和美容产品的一站式网上商店:Stylevana
2019/09/05 全球购物
LightInTheBox法国站:中国跨境电商
2020/03/05 全球购物
职业生涯规划书的格式
2013/12/29 职场文书
学习十八大报告感言
2014/02/04 职场文书
《尊严》教学反思
2014/02/11 职场文书
爱情保证书大全
2014/04/29 职场文书
奉献演讲稿范文
2014/05/21 职场文书
2014最新毕业证代领委托书
2014/09/26 职场文书
音乐教师求职信范文
2015/03/20 职场文书
2016年优秀党员教师先进事迹材料
2016/02/29 职场文书
2016年妇联“6﹒26国际禁毒日”宣传活动总结
2016/04/05 职场文书
升职感谢领导的话语及升职感谢信
2019/06/24 职场文书
pycharm部署django项目到云服务器的详细流程
2021/06/29 Python