<!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 DOM节点操作方法总结
- JS实现动态添加DOM节点和事件的方法示例
- JavaScript中对DOM节点的访问、创建、修改、删除
- js和jquery对dom节点的操作(创建/追加)
- JS常见DOM节点操作示例【创建 ,插入,删除,复制,查找】
- JS实现DOM节点插入操作之子节点与兄弟节点插入操作示例
- JS构建页面的DOM节点结构的实现代码
- JS访问DOM节点方法详解
- JavaScript DOM节点操作实例小结(新建,删除HTML元素)
- [js高手之路]HTML标签解释成DOM节点的实现方法
- 原生js实现针对Dom节点的CRUD操作示例