消除<p>点击元素</p>

Question

I have this script:

var text = ["Ground Beef", "Spaghetti", "Tomatoes", "Onions", "Cheese"];
text.forEach(function(el) {
    var div = document.createElement("p");
    div.className = "list";
    div.innerHTML = el;
    document.body.appendChild(div);
});

Please let me know how to add on click function to delete each for this elements Ground Beef....

Answer 1

You could assign click event via onclick attribute. Then remove the element via e.target

 var text = ["Ground Beef", "Spaghetti", "Tomatoes", "Onions", "Cheese"]; text.forEach(function(el) { var div = document.createElement("p"); div.className = "list"; div.innerHTML = el; div.onclick = remover document.body.appendChild(div); }); function remover(e){ e.target.remove() }