js中怎么删除由createElement添加的多个重复的元素标签？

Question

js中怎么删除由createElement添加的多个重复的元素标签？

问题描述：点击“添加”按钮，就会在网页上添加一个"HelloWorld"的p标签,点一次会添加一个；然后点击“删除”按钮，那么就会删除一个p标签，而剩下的不会删除。那么怎么删除剩下的标签呢？

HTML代码：

<button onclick="add()">添加</button><button onclick="del()">删除</button>

JS代码：

function add(){
    ina = document.createElement("p");
    ina.innerHTML = "HelloWorld";
    ina.style.color = "red";
    ina.style.fontSize = "20px";    document.body.appendChild(ina);
}function del(){    var parent = ina.parentNode;
    parent.removeChild(ina);
}