js 添加DOM节点示例

分类：Javascript| 发布：佚名| 查看：307 | 发表时间：2014/7/17

01<!DOCTYPE html> 
02<html> 
03<body> 
04 
05<div id="div1"> 
06<p id="p1">这是一个段落。</p> 
07<p id="p2">这是另一个段落。</p> 
08</div> 
09 
10<script> 
11var para=document.createElement("h1"); 
12var node=document.createTextNode("这是新段落。"); 
13para.appendChild(node); 
14//将node里面的str放到h1段落中 
15//使之成为<h1>这是新段落</h1> 
16 
17var element=document.getElementById("div1"); 
18element.appendChild(para); 
19 
20//将para放到div中 
21 
22</script> 
23</body> 
24</html>

365据说看到好文章不转的人，服务器容易宕机！

标签：DOM

原创文章如转载，请注明：转载自郑州网建-前端开发　http://camnpr.com/
本文链接：http://camnpr.com/javascript/1479.html

相关文章

js createDocumentFragment：更快捷的操作DOM的途径代码高亮库就是用的这个(2014-5-4 11:24:25)
js和jQuery获取父元素,删除子元素的两种不同方法(2014-1-20 16:14:13)
js与jQuery获取父级元素,子级元素,兄弟元素的实现方法(2014-1-20 15:18:0)
jQuery动态添加、删除元素DOM的方法(2014-1-20 11:46:52)
详解标准W3C盒子模型和IE的css盒子模型(2013-11-26 17:40:9)
js获取DOM高度 offsetHeight offsetWidth(2013-8-27 16:52:53)
复制input 包含手动输入的值(2013-7-8 10:49:46)
父页面调用iframe里的js函数(contentWindow)和dom元素(contentDocument)(2013-4-3 18:6:18)
DOM操作——怎样添加、移除、移动、复制、创建和查找节点(2012-10-24 10:51:50)
js怎么操作Head对象(2011-2-14 15:43:14)

豫ICP备10013645号 Copyright 2009-2022 camnpr.com

关于我们 - 广告合作 - 免责声明 - 投诉建议