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>标签，则需要一个更具体的querySelector。

javascript动态删除文本

1 个答案: