时间戳

首页 > 解决方案 > javascript动态删除文本

javascript - javascript动态删除文本

问题描述

我已经成功创建了一个向网页添加文本的按钮，但是我不知道创建后删除文本的可行方法。我的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);
}

我已经在线查看了各种帮助资源，包括来自此站点的帮助资源，但是我根本无法让任何资源正常工作。先感谢您。

标签： javascriptbuttonremovechild

解决方案

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

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

<p>如果weekParent中有超过 1 个标签，您将需要更具体的 querySelector。

推荐阅读