Chinaunix首页 | 论坛 | 博客

Web world

首页　| 　博文目录　| 　关于我

cici0208

  • 博客访问： 490521
  • 博文数量： 226
  • 博客积分： 0
  • 博客等级： 民兵
  • 技术积分： 2111
  • 用 户 组： 普通用户
  • 注册时间： 2014-06-20 09:02
个人简介

web web web

文章分类

全部博文（226）

文章存档

2020年（2）

2019年（1）

2018年（3）

2017年（26）

2016年（57）

2015年（60）

2014年（77）

我的朋友
最近访客
推荐博文
相关博文
JS DOM节点添加实例

分类： Web开发

2014-09-19 15:38:33

如下：
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>无标题文档</title>
  6. </head>
  7. <body>
  8.    <div id="div1">
  9.    <p id="p1">这是一个段落。</p>
  10.    <p id="p2">这是另一个段落。</p>
  11.    </div>
  12. </body>

在浏览器中预览一下：

  1. 这是一个段落。

  3. 这是另一个段落。

添加JS代码：

  1. <script type="text/javascript" >
  2. var create_p=document.createElement("p");
  3. var create_text=document.createTextNode("这是一个创建的段落！");
  4.     create_p.appendChild(create_text);
  5.    document.getElementById("div1").appendChild(create_p);
  6. </script>
添加节点后在浏览器再预览一下：
  1. 这是一个段落。
  2. 这是另一个段落。
  3. 这是一个创建的段落！

阅读(339) | 评论(0) | 转发(0) |
0

上一篇：CSS透明度兼容

下一篇：jQuery小结（for初学者）

给主人留下些什么吧！~~
关于我们 | 关于IT168 | 联系方式 | 广告合作 | 法律声明 | 免费注册

Copyright 2001-2010 ChinaUnix.net All Rights Reserved 北京皓辰网域网络信息技术有限公司. 版权所有

感谢所有关心和支持过ChinaUnix的朋友们

16024965号-6