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的数字改变的动画效果--可用来做计数器
Aug 11 Javascript
Js获取数组最大和最小值示例代码
Oct 29 Javascript
javascript实现存储hmtl字符串示例
Apr 25 Javascript
编写自己的jQuery提示框(Tip)插件
Feb 05 Javascript
基于JavaScript代码实现pc与手机之间的跳转
Dec 23 Javascript
JS运动相关知识点小结(附弹性运动示例)
Jan 08 Javascript
JavaScript必知必会(九)function 说起 闭包问题
Jun 08 Javascript
JS修改地址栏参数实例代码
Jun 14 Javascript
javascript 将共享属性迁移到原型中去的实现方法
Aug 31 Javascript
基于jQuery实现简单人工智能聊天室
Feb 10 Javascript
区别JavaScript函数声明与变量声明
Sep 12 Javascript
javascript代码实现简易计算器
Jan 25 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
PHP获取时间排除周六、周日的两个方法
2014/06/30 PHP
PHP循环遍历数组的3种方法list()、each()和while总结
2014/11/19 PHP
Centos下升级php5.2到php5.4全记录(编译安装)
2015/04/03 PHP
PHP实现操作redis的封装类完整实例
2015/11/14 PHP
PHP的压缩函数实现:gzencode、gzdeflate和gzcompress的区别
2016/01/27 PHP
php从数据库读取数据,并以json格式返回数据的方法
2018/08/21 PHP
基于jquery完美拖拽,可返回拖动轨迹
2012/03/29 Javascript
改进版通过Json对象实现深复制的方法
2012/10/24 Javascript
Jquery仿淘宝京东多条件筛选可自行结合ajax加载示例
2013/08/28 Javascript
javascript的渐进增强与平稳退化浅谈
2013/11/12 Javascript
jQuery中scrollTop()方法用法实例
2015/01/16 Javascript
Wireshark基本介绍和学习TCP三次握手
2016/08/15 Javascript
AngularJS递归指令实现Tree View效果示例
2016/11/07 Javascript
JS常见创建类的方法小结【工厂方式,构造器方式,原型方式,联合方式等】
2017/04/01 Javascript
Angular 4.x+Ionic3踩坑之Ionic3.x pop反向传值详解
2018/03/13 Javascript
js尾调用优化的实现
2019/05/23 Javascript
jQuery实现的解析本地 XML 文档操作示例
2020/04/30 jQuery
小程序角标的添加及绑定购物车数量进行实时更新的实现代码
2020/12/07 Javascript
python自动化测试实例解析
2014/09/28 Python
Python抓取百度查询结果的方法
2015/07/08 Python
python 实现上传图片并预览的3种方法(推荐)
2017/07/14 Python
Python实现检测文件MD5值的方法示例
2018/04/11 Python
Python 从相对路径下import的方法
2018/12/04 Python
python中使用 xlwt 操作excel的常见方法与问题
2019/01/13 Python
python集合是否可变总结
2019/06/20 Python
python3中关于excel追加写入格式被覆盖问题(实例代码)
2020/01/10 Python
微信小程序实现可实时改变转速的css3旋转动画实例代码
2018/09/11 HTML / CSS
Alexandre Birman美国官网:亚历山大·伯曼
2019/10/30 全球购物
英国领先的独立酒精饮料零售商:DrinkSupermarket
2021/01/13 全球购物
计算机系毕业生推荐信
2013/11/06 职场文书
法英专业大学生职业生涯规划书范文
2014/09/22 职场文书
幼儿教师师德师风自我评价
2015/03/05 职场文书
获奖感言怎么写
2015/07/31 职场文书
python3 字符串str和bytes相互转换
2022/03/23 Python
springboot读取resources下文件的方式详解
2022/06/21 Java/Android
java实现web实时消息推送的七种方案
2022/07/23 Java/Android