js 添加DOM节点示例
<!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>
相关文章
- 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)
