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

jQuery Easyui实现左右布局

Jan 26 Javascript

深入理解Node.js的HTTP模块

Oct 12 Javascript

JavaScript数组去重的6个方法

Jan 21 Javascript

vue动态组件实现选项卡切换效果

Mar 08 Javascript

微信小程序设置启动页面的两种方法

Mar 09 Javascript

js中的触发事件对象event.srcElement与event.target详解

Mar 15 Javascript

javascript 封装Date日期类实例详解

May 28 Javascript

微信小程序实现animation动画

Jan 26 Javascript

使用 Angular RouteReuseStrategy 缓存（路由）组件的实例代码

Nov 01 Javascript

js实现网页版贪吃蛇游戏

Feb 22 Javascript

ElementUI Tree 树形控件的使用并给节点添加图标

Feb 27 Javascript

vue实现禁止浏览器记住密码功能的示例代码

Feb 03 Vue.js

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

Laravel5.7框架安装与使用学习笔记图文详解

2019/04/02 PHP

PhpStorm 如何优雅的调试Hyperf的方法步骤

2019/11/24 PHP

jMessageBox 基于jQuery的窗口插件

2009/12/09 Javascript

ExtJs GridPanel简单的增删改实现代码

2010/08/26 Javascript

简短几句jquery代码的实现一个图片向上滚动切换

2011/09/02 Javascript

JavaScript高级程序设计读书笔记之十一内置对象Global

2012/03/07 Javascript

JavaScript高级程序设计阅读笔记（二十） js错误处理

2012/08/14 Javascript

THREE.JS入门教程(4)创建粒子系统

2013/01/24 Javascript

Jquery封装tab自动切换效果的具体实现

2013/07/13 Javascript

JavaScript实现简单图片翻转的方法

2015/04/17 Javascript

javascript自动切换焦点控制效果完整实例

2016/02/02 Javascript

JS DOM实现鼠标滑动图片效果

2020/09/17 Javascript

读Javascript高性能编程重点笔记

2016/12/21 Javascript

利用Vue.js实现checkbox的全选反选效果

2017/01/18 Javascript

vue 多入口文件搭建 vue多页面搭建的实例讲解

2018/03/12 Javascript

webgl实现物体描边效果的方法介绍

2019/11/27 Javascript

vue element 关闭当前tab 跳转到上一路由操作

2020/07/22 Javascript

[51:17]Mineski vs Secret 2019国际邀请赛淘汰赛败者组 BO3 第一场 8.22

2019/09/05 DOTA

Python多进程并发(multiprocessing)用法实例详解

2015/06/02 Python

浅谈python中截取字符函数strip，lstrip，rstrip

2015/07/17 Python

Python简单格式化时间的方法【strftime函数】

2016/09/18 Python

详谈Python2.6和Python3.0中对除法操作的异同

2017/04/28 Python

Python中的字符串切片（截取字符串）的详解

2019/05/15 Python

Python Django 实现简单注册功能过程详解

2019/07/29 Python

浅析Python语言自带的数据结构有哪些

2019/08/27 Python

python_mask_array的用法

2020/02/18 Python

Python 随机生成测试数据的模块：faker基本使用方法详解

2020/04/09 Python

python--shutil移动文件到另一个路径的操作

2020/07/13 Python

html5中audio支持音频格式的解决方法

2018/08/24 HTML / CSS

迪梵英国官方网站：Darphin英国

2017/12/06 全球购物

介绍一下SQL Server的全文索引

2013/08/15 面试题

公司业务主管岗位职责

2013/12/07 职场文书

应届大学生求职信

2014/07/20 职场文书

商场促销活动策划方案

2014/08/18 职场文书

法律服务所工作总结

2015/08/10 职场文书

坚持不是死撑，更重要的是心态

2019/08/19 职场文书