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

JavaScript入门教程(10) 认识其他对象

Jan 31 Javascript

jquery调取json数据实现省市级联的方法

Jan 29 Javascript

javascript密码强度校验代码（两种方法）

Aug 10 Javascript

AngularJS路由切换实现方法分析

Mar 17 Javascript

详解webpack es6 to es5支持配置

May 04 Javascript

JavaScript编程设计模式之构造器模式实例分析

Oct 25 Javascript

JS字符串常用操作方法实例小结

Jun 24 Javascript

layui问题之模拟table表格中的选中按钮选中事件的方法

Sep 20 Javascript

IE11下CKEditor在Bootstrap Modal中下拉问题的解决

Sep 25 Javascript

vue移动端模态框(可传参)的实现

Nov 20 Javascript

ES6新增的数组知识实例小结

May 23 Javascript

Vue 修改网站图标的方法

Dec 31 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

PHP+javascript模拟Matrix画面

2006/10/09 PHP

PHP教程预定义变量

2009/10/23 PHP

基于Zookeeper的使用详解

2013/05/02 PHP

php之XML转数组函数的详解

2013/06/07 PHP

PHP 使用pcntl和libevent 实现Timer功能

2013/10/27 PHP

php无限遍历目录示例

2014/02/21 PHP

非常好用的Zend Framework分页类

2014/06/25 PHP

PHP模块化安装教程

2016/06/01 PHP

详解如何在云服务器上部署Laravel

2017/06/30 PHP

JavaScript DOM学习第八章表单错误提示

2010/02/19 Javascript

jQuery前端分页示例分享

2015/02/10 Javascript

jQuery支持添加事件的日历特效代码分享（3种样式）

2015/08/24 Javascript

JS控制按钮10秒钟后可用的方法

2015/12/22 Javascript

Bootstrap与KnockoutJs相结合实现分页效果实例详解

2016/05/03 Javascript

jQuery表单对象属性过滤选择器实例详解

2016/09/13 Javascript

Nodejs 复制文件/文件夹的方法

2017/08/24 NodeJs

vue axios 表单提交上传图片的实例

2018/03/16 Javascript

vue脚手架搭建过程图解

2018/06/06 Javascript

JavaScript原型对象、构造函数和实例对象功能与用法详解

2018/08/04 Javascript

修改vue+webpack run build的路径方法

2018/09/01 Javascript

vue+render+jsx实现可编辑动态多级表头table的实例代码

2020/04/01 Javascript

谈谈JavaScript中的函数

2020/09/08 Javascript

微信小程序实现modal弹出框遮罩层组件（可带文本框）

2020/12/20 Javascript

介绍Python中内置的itertools模块

2015/04/29 Python

Python标准库shutil用法实例详解

2018/08/13 Python

Python3 jupyter notebook 服务器搭建过程

2018/11/30 Python

python3+django2开发一个简单的人员管理系统过程详解

2019/07/23 Python

利用Python校准本地时间的方法教程

2019/10/31 Python

工程造价专业大学生职业规划范文

2014/03/09 职场文书

建筑公司员工自我鉴定

2014/04/08 职场文书

部门2014年度工作总结

2014/11/12 职场文书

党员剖析材料范文

2014/12/18 职场文书

2014年医院科室工作总结

2014/12/20 职场文书

朝花夕拾读书笔记

2015/06/29 职场文书

CSS 还能这样玩？奇思妙想渐变的艺术

2021/04/27 HTML / CSS

解决Pytorch中关于model.eval的问题

2021/05/22 Python