JavaScript DOM节点添加示例
更新时间：2014年07月16日 17:31:32 投稿：whsnow
本节为大家介绍下JavaScript DOM节点添加，将node里面的str放到h1段落中使之成为h1的新段落
<!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>
相关文章
这篇文章主要为大家详细介绍了javascript拖拽应用实例，拖拽条拖到底，验证码显示出来，感兴趣的小伙伴们可以参考一下2016-03-03
这篇文章主要介绍了JavaScript如何编写简单的计算器，功能很简单，可以实现加减乘除功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2015-11-11
Javascript中的对像赋值与Java中是一样的,都为引用传递.就是说,在把一个对像赋值给一个变量时,那么这个变量所指向的仍就是原来对像的地址.那怎么来做呢 答案是克隆.2008-12-12
页面平滑滚动是网页一种常见的效果,平滑滚动的原理其实很简单,无非就是让页面一种肉眼可见的速度从当前位置滚动到指定位置,那如何用原生的JS实现这也效果呢？本文给大家介绍了JavaScript实现平滑滚动效果,需要的朋友可以参考下2024-06-06
这篇文章主要为大家详细介绍了javascript实现简单留言板案例，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-02-02
这篇文章主要为大家详细介绍了微信小程序实现同时上传多张图片，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-02-02
这篇文章主要介绍了JS锚点的设置与使用方法,涉及javascript针对页面元素属性的简单动态操作技巧,需要的朋友可以参考下2016-09-09
这篇文章主要给大家介绍了关于javascript删除数组元素的七个方法，文中通过示例代码介绍的非常详细，对大家学习或者使用javascript具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧2019-09-09
这篇文章主要介绍了微信小程序合法域名配置，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-05-05
既然JQ和JS都能实现那么炫酷的效果，我们用CSS3能不能做出手风琴效果的书签来呢？这篇文章主要为大家分享了炫酷的手风琴效果实现方式，感兴趣的小伙伴们可以参考一下2016-10-10
最新评论