DOM 创建元素 删除元素（结点）

创建新的 HTML 元素

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

<script>
var para=document.createElement("p");    //创建元素结点
var node=document.createTextNode("This is new.");  //创建文本结点
para.appendChild(node);      //插入结点

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

删除已有的 HTML 元素

<script>
var parent=document.getElementById("div1");
var child=document.getElementById("p1");
parent.removeChild(child);     //通过父节点删除子节点  removeChild
</script>

如果能够在不引用父元素的情况下删除某个元素，就太好了。
不过很遗憾。DOM 需要清楚您需要删除的元素，以及它的父元素

//常用的解决方案：找到您希望删除的子元素，然后使用其 parentNode 属性来找到父元素：

var child=document.getElementById("p1");
child.parentNode.removeChild(child);

 

转载于:https://www.cnblogs.com/guorange/p/7132806.html