javascript - 使用javascript通过id删除html标签

Question

我有 2 个 javascript 函数，一个用于添加项目，一个用于删除项目。但是创建的 (p) 标签没有被删除，如果我删除所有项目标签仍然存在并且给定的 id 仍然存在(selected1 ， selected2 ，...等)那么我如何删除完整的标签并重置计数器

var sum = 0;
var total = 0;
var i = 1;

function additem(name, price) {
  document.getElementById("selecteditems").innerHTML += "<p id='selected" + i + "'  >" + name;
  document.getElementById("pr").innerHTML += "<p id='p" + i + "'  >" + price;
  document.getElementById("removebtn").innerHTML += "<p id='B" + i + "'>" + "<button id='selected" + i + "' class='btn btn-danger' onclick='removeitem(" + i + " , " + price + " ) ' style='font-size: 15px; height: 20px; padding: 0px 0px 0px 0px;' >Remove</button> ";
  i++;
  sum += price;
}

function removeitem(i, price) {

  document.getElementById("selected" + i).innerHTML = "";
  document.getElementById("p" + i).innerHTML = "";
  document.getElementById("B" + i).innerHTML = "";
  sum -= price;
}

Answer 1

要删除一个元素，你可以使用下面的函数

var removeElement = function(id) {
  var element = document.getElementById(id);
  element.parentNode.removeChild(element);
};