javascript动态删除文本

javascript动态删除文本,javascript,button,removechild,Javascript,Button,Removechild,我已经成功地创建了一个按钮,添加文本到网页,但我不知道一个可行的方法来删除文本,一旦已经创建。我的js代码是: var addButtons = document.querySelectorAll('.add button'); function addText () { var self = this; var weekParent = self.parentNode.parentNode; var textarea = self.parentNode.querySele

我已经成功地创建了一个按钮,添加文本到网页,但我不知道一个可行的方法来删除文本,一旦已经创建。我的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);
}
var addButtons=document.querySelectorAll('.add button');
函数addText(){
var self=这个;
var weekParent=self.parentNode.parentNode;
var textarea=self.parentNode.querySelector('textarea');
var值=textarea.value;
var item=document.createElement(“p”);
var text=document.createTextNode(值);
项目.追加子项(文本)
weekParent.appendChild(项目);
}
函数removeText(){
//document.getElementbyId(-).removeChild(-);
}
对于(i=0;i

我已经在网上查看了各种帮助来源,包括来自这个网站的帮助,但是我无法获得任何正确的帮助。提前感谢。

当然,相对于单击的“删除”按钮,应该很容易找到添加的
标记

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

如果weekParent中有超过1个
标记,则需要一个更具体的查询选择器。

在添加文本时,在html元素上写入removeText函数触发器;不要只是用文本附加元素,用自定义类或唯一ID附加包含在div中的文本,当需要删除文本时,可以擦除div的内容/删除包含已添加文本的div;您还可以附加到容器中,并将容器的html设置为空白以清除所有文本。