美文网首页
JavaScript DOM编程(3)DOM元素(节点)

JavaScript DOM编程(3)DOM元素(节点)

作者: 路墨 | 来源:发表于2016-08-11 18:03 被阅读16次

创建新的 HTML 元素

如需向 HTML DOM 添加新元素,您必须首先创建该元素(元素节点),然后向一个已存在的元素追加该元素。
实例
<div id="div1">
<p id="p1">这是一个段落。</p>
<p id="p2">这是另一个段落。</p>
</div>

<script>
var para=document.createElement("p");
var node=document.createTextNode("这是一个新段落。");
para.appendChild(node);

var element=document.getElementById("div1");
element.appendChild(para);
</script>

相关文章

网友评论

      本文标题:JavaScript DOM编程(3)DOM元素(节点)

      本文链接:https://www.haomeiwen.com/subject/ntjssttx.html