编程 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 相关文章推荐

表单的一些基本用法与技巧

Jul 15 Javascript

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

Dec 26 Javascript

caller和callee的区别介绍及演示结果

Mar 10 Javascript

图片Slider 带左右按钮的js示例

Aug 30 Javascript

Jquery实现的角色左右选择特效

May 21 Javascript

中文输入法不触发onkeyup事件的解决办法

Jul 09 Javascript

jQuery背景插件backstretch使用指南

Apr 21 Javascript

JS实现从连接中获取youtube的key实例

Jul 02 Javascript

jQuery实现鼠标滑向当前图片高亮显示并且其它图片变灰的方法

Jul 27 Javascript

基于vue实现swipe分页组件实例

May 25 Javascript

Angular.js中数组操作的方法教程

Jul 31 Javascript

js+css实现打字效果

Jun 24 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

深入解析yii权限分级式访问控制的实现(非RBAC法)

2013/06/13 PHP

php生成QRcode实例

2014/09/22 PHP

9条PHP编程小知识及易犯的小错误

2015/01/22 PHP

php利用fsockopen GET/POST提交表单及上传文件

2017/05/22 PHP

JS取文本框中最小值的简单实例

2013/11/29 Javascript

Javascript封装DOMContentLoaded事件实例

2014/06/12 Javascript

Egret引擎开发指南之创建项目

2014/09/03 Javascript

javascript继承的六大模式小结

2015/04/13 Javascript

JavaScript获取当前运行脚本文件所在目录的方法

2016/02/03 Javascript

javascript关于继承解析

2016/05/10 Javascript

JS中使用mailto实现将用户在网页中输入的内容传递到本地邮件客户端

2016/10/08 Javascript

jquery获取table指定行和列的数据方法(当前选中行、列)

2016/11/07 Javascript

jQuery实现简单弹窗遮罩效果

2017/02/27 Javascript

AngularJS之自定义服务详解(factory、service、provider)

2017/04/14 Javascript

JS使用正则表达式验证身份证号码

2017/06/23 Javascript

JS实现搜索关键词的智能提示功能

2017/07/07 Javascript

bootstrap日期插件daterangepicker使用详解

2017/10/19 Javascript

JS实现点击按钮可实现编辑功能

2018/07/03 Javascript

opencv 识别微信登录验证滑动块位置

2018/08/07 Javascript

JavaScript创建对象方式总结【工厂模式、构造函数模式、原型模式等】

2018/12/19 Javascript

浅谈javascript错误处理

2019/08/11 Javascript

解决vue+elementui项目打包后样式变化问题

2020/08/03 Javascript

[01:01]青春无憾，一战成名——DOTA2全国高校联赛开启

2018/02/25 DOTA

python 基础学习第二弹类属性和实例属性

2012/08/27 Python

浅谈numpy中linspace的用法 (等差数列创建函数)

2017/06/07 Python

python Celery定时任务的示例

2018/03/13 Python

html5 Canvas画图教程(2)—画直线与设置线条的样式如颜色/端点/交汇点

2013/01/09 HTML / CSS

英国最大的老式糖果店：A Quarter Of

2017/04/08 全球购物

DeinDesign德国：设计自己的手机壳

2019/12/14 全球购物

PHP如何设置和取得Cookie值

2015/06/30 面试题

杭州时比特电子有限公司SQL

2013/08/22 面试题

团支书的期末学习总结自我评价

2013/11/01 职场文书

工作态度不端正检讨书

2014/10/04 职场文书

《认识钟表》教学反思

2016/02/16 职场文书

意外事故赔偿协议书

2016/03/22 职场文书

浅谈tf.train.Saver()与tf.train.import_meta_graph的要点

2021/05/26 Python