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使用淘宝接口跨域查询手机号码归属地实例
Nov 28 Javascript
javascript实现文本域写入字符时限定字数
Feb 12 Javascript
使用JavaScript进行进制转换将字符串转换为十进制
Sep 21 Javascript
javascript实现Email邮件显示与删除功能
Nov 21 Javascript
使用Bootstrap框架制作查询页面的界面实例代码
May 27 Javascript
js实现带三角符的手风琴效果
Mar 01 Javascript
react-native ListView下拉刷新上拉加载实现代码
Aug 03 Javascript
解决Vue+Element ui开发中碰到的IE问题
Sep 03 Javascript
vue中监听路由参数的变化及方法
Dec 06 Javascript
python虚拟环境 virtualenv的简单使用
Jan 21 Javascript
解决vue bus.$emit触发第一次$on监听不到问题
Jul 28 Javascript
JS页面动态绘图工具SVG,Canvas,VML介简介
Oct 16 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 empty()与isset()区别的详细介绍
2013/06/17 PHP
Yii框架在页面输出执行sql语句以方便调试的实现方法
2014/12/24 PHP
PHP实现操作redis的封装类完整实例
2015/11/14 PHP
php设计模式之享元模式分析【星际争霸游戏案例】
2020/03/23 PHP
js函数调用常用方法详解
2012/12/03 Javascript
js或者jquery判断图片是否加载完成实现代码
2013/03/20 Javascript
jquery滚动条插件jScrollPane的使用介绍
2013/11/08 Javascript
js中生成map对象的方法
2014/01/09 Javascript
angular使用post、get向后台传参的问题实例
2017/05/27 Javascript
基于Vue过渡状态实例讲解
2017/09/14 Javascript
在vue中使用Autoprefixed的方法
2018/07/27 Javascript
微信小程序 JS动态修改样式的实现方法
2018/12/16 Javascript
使用vue中的混入mixin优化表单验证插件问题
2019/07/02 Javascript
深入分析jQuery.one() 函数
2020/06/03 jQuery
简单文件操作python 修改文件指定行的方法
2013/05/15 Python
Python魔术方法详解
2015/02/14 Python
Python中每次处理一个字符的5种方法
2015/05/21 Python
Python获取当前公网ip并自动断开宽带连接实例代码
2018/01/12 Python
Python实现string字符串连接的方法总结【8种方式】
2018/07/06 Python
python查找指定文件夹下所有文件并按修改时间倒序排列的方法
2018/10/21 Python
Python开发网站目录扫描器的实现
2019/02/21 Python
Python实现一个带权无回置随机抽选函数的方法
2019/07/24 Python
Python实现爬取网页中动态加载的数据
2020/08/17 Python
实现Python3数组旋转的3种算法实例
2020/09/16 Python
Python如何获取文件路径/目录
2020/09/22 Python
python爬虫智能翻页批量下载文件的实例详解
2021/02/02 Python
css3实例教程 一款纯css3实现的环形导航菜单
2014/10/20 HTML / CSS
Tech21美国/加拿大:英国NO.1防摔保护壳品牌
2018/01/20 全球购物
装饰活动策划方案
2014/02/11 职场文书
物理教学随笔感言
2014/02/22 职场文书
遗体告别仪式主持词
2014/03/20 职场文书
小学教师自我鉴定范文
2014/03/20 职场文书
《金色的脚印》教后反思
2014/04/23 职场文书
大学生军训心得体会5篇
2019/08/15 职场文书
国庆节到了,利用JS实现一个生成国庆风头像的小工具 详解实现过程
2021/10/05 Javascript
Golang bufio详细讲解
2022/04/21 Golang