DOM 元素

节点 插入新的元素

appendchild("  ")添加新的元素

createElement(" ")创建新的元素

createTextNode(" ")创建新的文本节点

向HTML DOM中添加新的元素

<div id="div1">
<p id="p1">这是一个段落。</p>
<p id="p2">这是另一个段落。</p>
</div>

<script>

var para=document.createElement("p");//创建新的<P>元素

var node=document.TextNode("这是一个新段落");//添加文本（创建文本节点）

para.appendchild("node");//向<P>元素追加文本节点

var element=document.getElementById("div1");//找到div1元素

element.appendchild("para");//在div1中添加新的元素

</script>

删除已有的html元素

<div id="div1">
<p id="p1">这是一个段落。</p>
<p id="p2">这是另一个段落。</p>
</div>

<script>

var parent=document.getElementById("div1");//找到父元素

var child=document.getElementById("p2")//找到要删除的子元素

parent.removechild(child)//删除

</script>

必须找到父元素后才能删除子元素，可用以下方法快速找到父元素

var child=document.getElementById("p2');

child.parentNode.removechild(child);