js 点击动态添加标签 删除指定标签

1.div标签

<div id="mDiv3">

  <p>1</p> <button onclick="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 onclick="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);
}