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+JSon 无刷新分页实现代码
Apr 01 Javascript
非阻塞动态加载javascript广告实现代码
Nov 17 Javascript
初识JQuery 实例一(first)
Mar 16 Javascript
提高jQuery性能的十个诀窍
Nov 14 Javascript
chrome调试javascript详解
Oct 21 Javascript
Javascript实现Array和String互转换的方法
Dec 21 Javascript
BootStrap智能表单实战系列(十一)级联下拉的支持
Jun 13 Javascript
AngularJS入门教程之REST和定制服务详解
Aug 19 Javascript
JS实现图文并茂的tab选项卡效果示例【附demo源码下载】
Sep 21 Javascript
JS实现微信里判断页面是否被分享成功的方法
Jun 06 Javascript
JS实现按钮添加背景音乐示例代码
Oct 17 Javascript
一步一步实现Vue的响应式(对象观测)
Sep 02 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
无法载入 mcrypt 扩展,请检查 PHP 配置终极解决方案
2011/07/18 PHP
基于Zend的Captcha机制的应用
2013/05/02 PHP
利用PHP如何实现Socket服务器
2015/09/23 PHP
解读PHP的Yii框架中请求与响应的处理流程
2016/03/17 PHP
IE6不能修改NAME问题的解决方法
2010/09/03 Javascript
IE6/7/8/9不支持exec的简写方式
2011/05/25 Javascript
使用js Math.random()函数生成n到m间的随机数字
2014/10/09 Javascript
基于jquery实现ajax无刷新评论
2020/08/19 Javascript
BootStrap中的table实现数据填充与分页应用小结
2016/05/26 Javascript
JavaScript面试开发常用的知识点总结
2016/08/08 Javascript
关于vue.js弹窗组件的知识点总结
2016/09/11 Javascript
js实现城市级联菜单的2种方法
2017/06/23 Javascript
Node.js 8 中的重要新特性
2017/06/28 Javascript
Vue0.1的过滤代码如何添加到Vue2.0直接使用
2017/08/23 Javascript
vue bus全局事件中心简单Demo详解
2018/02/26 Javascript
js中值引用和地址引用实例分析
2019/06/21 Javascript
js实现星星打分效果
2020/07/05 Javascript
浅谈es6中的元编程
2020/12/01 Javascript
[03:56]DOTA2完美大师赛趣味视频之小鸽子和Mineski打台球
2017/11/24 DOTA
[45:14]Optic vs VP 2018国际邀请赛淘汰赛BO3 第二场 8.24
2018/08/25 DOTA
在Python中操作时间之strptime()方法的使用
2020/12/30 Python
5种Python单例模式的实现方式
2016/01/14 Python
浅谈Python的异常处理
2016/06/19 Python
python实现多线程行情抓取工具的方法
2018/02/28 Python
centos 安装Python3 及对应的pip教程详解
2019/06/28 Python
Python下应用opencv 实现人脸检测功能
2019/10/24 Python
python3.7调试的实例方法
2020/07/21 Python
为你的html5网页添加音效示例
2014/04/03 HTML / CSS
木工主管岗位职责
2013/12/08 职场文书
幼儿园春游活动方案
2014/01/19 职场文书
《桂林山水》教学反思
2014/02/08 职场文书
竞选班长自荐书范文
2014/03/09 职场文书
留学推荐信范文
2014/05/10 职场文书
导师鉴定意见
2015/06/05 职场文书
Django操作cookie的实现
2021/05/26 Python
PostgreSQL自动更新时间戳实例代码
2021/11/27 PostgreSQL