编程 Javascript

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>

- Author -

whsnow

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

juqery 学习之四筛选过滤

Nov 30 Javascript

用js判断页面刷新或关闭的方法(onbeforeunload与onunload事件)

Jun 22 Javascript

多个js与css文件的合并方法详细说明

Dec 26 Javascript

javascript判断chrome浏览器的方法

Mar 26 Javascript

Javascript实现禁止输入中文或英文的例子

Dec 09 Javascript

详解js运算符单竖杠“|”与“||”的用法和作用介绍

Nov 04 Javascript

Vue.js实现价格计算器功能

Mar 30 Javascript

解析vue中的$mount

Dec 21 Javascript

尝试自己动手用react来写一个分页组件(小结)

Feb 09 Javascript

详解搭建es6+devServer简单开发环境

Sep 25 Javascript

Vue数据双向绑定底层实现原理

Nov 22 Javascript

通过实例解析jQ Ajax操作相关原理

Sep 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

四月新番又没了，《Re：从零开始的异世界生活》第二季延期至7月播出

2020/05/06 日漫

php绘图中显示不出图片的原因及解决

2014/03/05 PHP

PHP内存使用情况如何获取

2015/10/10 PHP

php头像上传预览实例代码

2017/05/02 PHP

php 删除指定文件夹的实例讲解

2017/07/25 PHP

Yii2 queue的队列使用详解

2019/07/19 PHP

对象无length属性时IE6/IE7中无法将其转换成伪数组(ArrayLike)

2011/07/31 Javascript

JavaScript中instanceof与typeof运算符的用法及区别详细解析

2013/11/19 Javascript

调试代码导致IE出错的避免方法

2014/04/04 Javascript

Javascript中设置默认参数值示例

2014/09/11 Javascript

jQuery中live()方法用法实例

2015/01/19 Javascript

JavaScript操作Cookie方法实例分析

2015/05/27 Javascript

浅析node连接数据库（express+mysql）

2015/11/30 Javascript

深入浅析JavaScript字符串操作方法 slice、substr、substring及其IE兼容性

2015/12/16 Javascript

基于JavaScript实现通用tab选项卡(通用性强)

2016/01/07 Javascript

AngularJS 使用 UI Router 实现表单向导

2016/01/29 Javascript

js实现带缓动动画的导航栏效果

2017/01/16 Javascript

js实现3D图片展示效果

2017/03/09 Javascript

Three.js中网格对象MESH的属性与方法详解

2017/09/27 Javascript

Vue异步加载about组件

2017/10/31 Javascript

js实时监控文本框输入字数的实例代码

2018/01/18 Javascript

当vue路由变化时,改变导航栏的样式方法

2018/08/22 Javascript

JS中的算法与数据结构之列表(List)实例详解

2019/08/16 Javascript

javascript实现弹幕墙效果

2019/11/28 Javascript

详解JavaScript自定义函数

2020/07/29 Javascript

Django模板导入母版继承和自定义返回Html片段过程解析

2019/09/18 Python

python3.7 openpyxl 删除指定一列或者一行的代码

2019/10/08 Python

Django自关联实现多级联动查询实例

2020/05/19 Python

英国现代、当代和设计师家具店：Furntastic

2020/07/18 全球购物

.NET是怎么支持多种语言的

2015/02/24 面试题

应届生骨科医生求职信

2013/10/31 职场文书

中学教师师德师风承诺书

2015/04/28 职场文书

工程款催款函

2015/06/24 职场文书

观看禁毒宣传片后的感想

2015/08/11 职场文书

java设计模式--七大原则详解

2021/07/21 Java/Android

企业版Windows 11有哪些新功能? Win11适用于企业的功能介绍

2021/11/21 数码科技