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的bankInput银行卡账号格式化
Aug 22 Javascript
js获取select标签选中值的两种方式
Jan 09 Javascript
jQuery实现的超酷苹果风格图标滑出菜单效果代码
Sep 16 Javascript
轻松实现jquery选项卡切换效果
Oct 10 Javascript
Canvas + JavaScript 制作图片粒子效果
Feb 08 Javascript
移动前端图片压缩上传的实例
Dec 06 Javascript
详解基于vue的服务端渲染框架NUXT
Jun 20 Javascript
利用Dectorator分模块存储Vuex状态的实现
Feb 05 Javascript
JS实现的杨辉三角【帕斯卡三角形】算法示例
Feb 26 Javascript
vue+elementUI实现图片上传功能
Aug 20 Javascript
Vue 微信端扫描二维码苹果端却只能保存图片问题(解决方法)
Jan 19 Javascript
详解vue组件之间的通信
Aug 30 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 数据库树的遍历方法
2009/02/06 PHP
一个PHP的远程图片抓取函数分享
2013/09/25 PHP
php实现监听事件
2013/11/06 PHP
PHP设计模式(三)建造者模式Builder实例详解【创建型】
2020/05/02 PHP
基于jquery的横向滚动条(滑动条)
2011/02/24 Javascript
js获取页面传来参数的方法
2014/09/06 Javascript
js获取页面description的方法
2015/05/21 Javascript
arguments对象验证函数的参数是否合法
2015/06/26 Javascript
jquery实现用户信息修改验证输入方法汇总
2015/07/18 Javascript
每天一篇javascript学习小结(Boolean对象)
2015/11/12 Javascript
使用jQuery+EasyUI实现CheckBoxTree的级联选中特效
2015/12/06 Javascript
JS实现重新加载当前页面或者父页面的几种方法
2016/11/30 Javascript
JS ES6中setTimeout函数的执行上下文示例
2017/04/27 Javascript
浅谈webpack 四个核心概念之Entry
2019/06/12 Javascript
layer.msg()去掉默认时间,实现手动关闭的方法
2019/09/12 Javascript
js 判断当前时间是否处于某个一个时间段内
2019/09/19 Javascript
vue3.0实现点击切换验证码(组件)及校验
2020/11/18 Vue.js
[50:58]2018DOTA2亚洲邀请赛3月29日 小组赛A组OpTic VS Newbee
2018/03/30 DOTA
python 用for循环实现1~n求和的实例
2019/02/01 Python
python实现一个简单的udp通信的示例代码
2019/02/01 Python
使用Python制作一个打字训练小工具
2019/10/01 Python
使用Python实现牛顿法求极值
2020/02/10 Python
python中get和post有什么区别
2020/06/19 Python
html5中valid、invalid、required的定义
2014/02/21 HTML / CSS
智乐游戏测试笔试题
2014/05/21 面试题
普通院校学生的自荐信
2013/11/27 职场文书
幼教毕业生自我鉴定
2014/01/12 职场文书
面试后感谢信
2014/02/01 职场文书
助人为乐道德模范事迹材料
2014/08/16 职场文书
乡镇领导班子四风对照检查材料
2014/09/27 职场文书
仓库管理员岗位职责
2015/02/03 职场文书
体检通知范文
2015/04/21 职场文书
《作风建设永远在路上》心得体会
2016/01/21 职场文书
2019升学宴主持词范本5篇
2019/10/09 职场文书
导游词之井冈山
2019/11/20 职场文书
V Rising 服务器搭建图文教程
2022/06/16 Servers