javascript 动态删除文本
javascript dynamically remove text
我已经成功创建了一个向网页添加文本的按钮,但是我不知道创建按钮后删除文本的可行方法。我的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);
}
我查看了各种在线帮助来源,包括来自该站点的帮助,但是我根本无法正常工作。提前谢谢你。
当然,相对于被点击的删除按钮,应该很容易找到添加的 <p>
标签。
function removeText() {
var weekParent = this.parentNode.parentNode;
var item = weekParent.querySelector("p");
weekParent.removeChild(item);
}
如果 weekParent 中有超过 1 个 <p>
标签,您将需要一个更具体的查询选择器。
我已经成功创建了一个向网页添加文本的按钮,但是我不知道创建按钮后删除文本的可行方法。我的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);
}
我查看了各种在线帮助来源,包括来自该站点的帮助,但是我根本无法正常工作。提前谢谢你。
当然,相对于被点击的删除按钮,应该很容易找到添加的 <p>
标签。
function removeText() {
var weekParent = this.parentNode.parentNode;
var item = weekParent.querySelector("p");
weekParent.removeChild(item);
}
如果 weekParent 中有超过 1 个 <p>
标签,您将需要一个更具体的查询选择器。