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实现可直接编辑的表格
Apr 16 Javascript
javascript实现的简单的表单验证
Jul 10 Javascript
Bootstrap中datetimepicker使用小结
Dec 28 Javascript
slideToggle+slideup实现手机端折叠菜单效果
May 25 Javascript
JavaScript实现二维坐标点排序效果
Jul 18 Javascript
微信小程序scroll-x失效的完美解决方法
Jul 18 Javascript
微信小程序实现渐入渐出动画效果
Jun 13 Javascript
vue使用微信JS-SDK实现分享功能
Aug 23 Javascript
vue.js的状态管理vuex中store的使用详解
Nov 08 Javascript
浅谈TypeScript的类型保护机制
Feb 23 Javascript
《javascript设计模式》学习笔记四:Javascript面向对象程序设计链式调用实例分析
Apr 07 Javascript
vue动态设置页面title的方法实例
Aug 23 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
上海牌131型七灯四波段四喇叭一级收音机
2021/03/02 无线电
从MySQL数据库表中取出随机数据的代码
2007/09/05 PHP
[原创]php常用字符串输出方法分析(echo,print,printf及sprintf)
2016/07/09 PHP
使用jQuery操作Cookies的实现代码
2011/10/09 Javascript
Jquery显示、隐藏元素以及添加删除样式
2013/08/09 Javascript
javascript弹出页面回传值的方法
2015/01/28 Javascript
JS实现为表格动态添加标题的方法
2015/03/31 Javascript
超赞的动手创建JavaScript框架的详细教程
2015/06/30 Javascript
jQuery中on绑定事件后引发的事件冒泡问题如何解决
2016/05/25 Javascript
AngularJS深入探讨scope,继承结构,事件系统和生命周期
2016/11/02 Javascript
Vue2.0实现购物车功能
2017/06/05 Javascript
面试题:react和vue的区别分析
2019/04/08 Javascript
基于jQuery实现挂号平台首页源码
2020/01/06 jQuery
vue绑定class的三种方法
2020/12/24 Vue.js
Python操作MongoDB数据库的方法示例
2018/01/04 Python
通过python将大量文件按修改时间分类的方法
2018/10/17 Python
python程序快速缩进多行代码方法总结
2019/06/23 Python
python 获取剪切板内容的两种方法
2020/11/28 Python
AHAVA美国官方网站:死海海泥护肤品牌
2016/10/18 全球购物
介绍一下write命令
2014/08/10 面试题
公务员总结性个人自我评价
2013/12/05 职场文书
自我鉴定 电子商务专业
2014/01/30 职场文书
应聘医药销售自荐书范文
2014/02/08 职场文书
初中三年毕业生的自我评价分享
2014/02/14 职场文书
创建精神文明单位实施方案
2014/03/08 职场文书
总经理工作职责范文
2014/03/14 职场文书
《花瓣飘香》教学反思
2014/04/15 职场文书
4s店销售经理岗位职责
2014/07/19 职场文书
小学生十佳少年事迹材料
2014/08/20 职场文书
婚前协议书范本两则
2014/10/16 职场文书
2015年上半年信访工作总结
2015/03/30 职场文书
开学第一周总结
2015/07/16 职场文书
如何设计高效合理的MySQL查询语句
2021/05/26 MySQL
php实例化对象的实例方法
2021/11/17 PHP
python flappy bird小游戏分步实现流程
2022/02/15 Python
《勇者辞职不干了》上卷BD发售宣传CM公开
2022/04/08 日漫