js基础教程57：js脚本如何创建新的HTML节点元素

讲师：瑞德威(赵老师)

JavaScipt基础知识 视频教程

第二十四课 创建和删除HTML节点元素

1、创建新的 HTML 元素

如需向HTML DOM添加新元素，您必须首先创建该元素节点，然后向一个已存在的元素追加该元素。

创建新的 <p> 元素：var para=document.createElement("p");
如需向 <p> 元素添加文本，您必须首先创建文本节点。
例如：var node=document.createTextNode("这是新段落。");
向 <p> 元素追加这个文本节点：para.appendChild(node);

实例：创建一个节点

<div id="div1">
<p id="p1">零起点视频教程网！</p>
<p id="p2">javascript基础教程</p>
< /div>
< script type="text/javascript">
var div1 = document.getElementById("div1");
var para = document.createElement("p");
var node = document.createTextNode("网址是www.redwe.net");
para.appendChild(node);
div1.appendChild(para);
document.body.appendChild(para);
< /script>