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拖动插件(jquery.drag)使用介绍
Jun 18 Javascript
jquery validation验证身份证号,护照,电话号码,email(实例代码)
Nov 06 Javascript
js 加密压缩出现bug解决方案
Nov 25 Javascript
xtemplate node.js 的使用方法实例解析
Aug 22 Javascript
利用Javascript仿Excel的数据透视分析功能
Sep 07 Javascript
js面向对象实现canvas制作彩虹球喷枪效果
Sep 24 Javascript
Vue中fragment.js使用方法详解
Mar 09 Javascript
微信小程序利用co处理异步流程的方法教程
May 20 Javascript
vue2.0的contextmenu右键弹出菜单的实例代码
Jul 24 Javascript
jQuery实现可兼容IE6的滚动监听功能
Sep 20 jQuery
详解Vue-cli3 项目在安卓低版本系统和IE上白屏问题解决
Apr 14 Javascript
JS实现打砖块游戏
Feb 14 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生成带有雪花背景的验证码
2008/09/28 PHP
php checkbox复选框值的获取与checkbox默认值输出方法
2010/05/15 PHP
PHP正则表达式匹配替换与分割功能实例浅析
2017/02/04 PHP
php 使用expat方式解析xml文件操作示例
2019/11/26 PHP
ThinkPHP5与单元测试PHPUnit使用详解
2020/02/23 PHP
JS中剪贴板兼容性、判断复制成功或失败
2021/03/09 Javascript
Javascript 不能释放内存.
2006/09/07 Javascript
JQuery Ajax 跨域访问的解决方案
2010/03/12 Javascript
jquery 插件开发 extjs中的extend用法小结
2013/01/04 Javascript
jQuery实现简单下拉导航效果
2015/09/07 Javascript
pace.js页面加载进度条插件
2015/09/29 Javascript
理解javascript闭包
2015/12/15 Javascript
javascript创建对象、对象继承的实用方式详解
2016/03/08 Javascript
js获取浏览器高度 窗口高度 元素尺寸 偏移属性的方法
2016/11/21 Javascript
trackingjs+websocket+百度人脸识别API实现人脸签到
2018/11/26 Javascript
详解如何更好的使用module vuex
2019/03/27 Javascript
原生js实现表格循环滚动
2020/11/24 Javascript
vue基于Echarts的拖拽数据可视化功能实现
2020/12/04 Vue.js
Python有序查找算法之二分法实例分析
2017/12/11 Python
1分钟快速生成用于网页内容提取的xslt
2018/02/23 Python
Python中函数参数调用方式分析
2018/08/09 Python
解决Pycharm界面的子窗口不见了的问题
2019/01/17 Python
pytorch 实现tensor与numpy数组转换
2019/12/27 Python
伦敦所有西区剧院演出官方票务代理:Theatre Tickets Direct
2017/05/26 全球购物
纽约著名的服装辅料来源:M&J Trimming
2017/07/26 全球购物
Java语言程序设计测试题改错题部分
2014/07/22 面试题
打架检讨书100字
2014/01/08 职场文书
《我的信念》教学反思
2014/02/15 职场文书
项目合作意向书模板
2014/07/29 职场文书
社会工作专业自荐信
2014/09/26 职场文书
2014年统战工作总结
2014/12/09 职场文书
2015年大学团支部工作总结
2015/05/13 职场文书
企业宣传稿范文
2015/07/23 职场文书
2015年依法治校工作总结
2015/07/27 职场文书
开学典礼校长致辞
2015/07/29 职场文书
2022新作动画《福星小子》释出宣传影片 加入内田真礼&宫野真守配音演出
2022/04/08 日漫