1.div标签
<div id="mDiv3">
<p>1</p> <button οnclick="myFun9()">添加</button></div>
2.js
function myFun9() {
var mDiv3 = document.getElementById("mDiv3"); //获取组件1
var eleme = document.createElement("p"); //创建组件2
var ele_content = document.createTextNode("2");//创建节点内容
eleme.appendChild(ele_content); // 组件添加节点
mDiv3.appendChild(eleme); //组件2加入组件1
}
==================删除==============================
<button οnclick="myFun10()">删除</button>
<div id="mDiv4">
<p id="p1">1</p>
<p id="p2">2</p>
<p id="p3">3</p>
<p id="p4">4</p>
<p id="p5">5</p>
</div>
function myFun10(){
var parent=document.getElementById("mDiv4");
var son=document.getElementById("p1");
parent.removeChild(son);
}