# DOM 元素 ## 创建新的 HTML 元素 如需向 HTML DOM 添加新元素，您必须首先创建该元素（元素节点），然后向一个已存在的元素追加该元素。 ``` //创建P节点 var addp = document.createElement('p'); //创建一个文本节点 var text = document.createTextNode('新增数据文本'); //然后您必须向   元素追加这个文本节点： addp.appendChild(text); //以下代码在已存在的元素后添加新元素 document.getElementById('p-text').appendChild(addp); ``` ## 删除已有的 HTML 元素 ``` 方法1 //找到 id="p2" 的 元素： var remove =document.getElementById('p2'); //找到 id="test1" 的元素： var parent =document.getElementById('test1'); //从父元素中删除子元素： parent.removeChild(remove); 方法2 var child =document.getElementById("p2"); child.parentNode.removeChild(child) ```