javascript 动态删除文本

Question

我已经成功创建了一个向网页添加文本的按钮，但是我不知道创建按钮后删除文本的可行方法。我的js代码是：

    var addButtons = document.querySelectorAll('.add button');

function addText () {
  var self = this;
  var weekParent = self.parentNode.parentNode;
  var textarea = self.parentNode.querySelector('textarea');
  var value = textarea.value;
  var item = document.createElement("p");
  var text = document.createTextNode(value);

  item.appendChild(text)
  weekParent.appendChild(item);
}

function removeText() {
  //document.getElementbyId(-).removeChild(-);
}

for (i = 0; i < addButtons.length; i++) { 
    var self = addButtons[i];
    self.addEventListener("click", addText);
}

我查看了各种在线帮助来源，包括来自该站点的帮助，但是我根本无法正常工作。提前谢谢你。

Answer 1

当然，相对于被点击的删除按钮，应该很容易找到添加的 <p> 标签。

function removeText() {
  var weekParent = this.parentNode.parentNode;
  var item = weekParent.querySelector("p");
  weekParent.removeChild(item);
}

如果 weekParent 中有超过 1 个 <p> 标签，您将需要一个更具体的查询选择器。

javascript 动态删除文本

javascript dynamically remove text

javascript

button

removechild