Fatal编程技术网

Javascript 从div中删除文本

javascript html jquery

Javascript 从div中删除文本,javascript,html,jquery,Javascript,Html,Jquery,我正在寻找一种从div中删除文本的方法，而不删除其中的按钮。 请看上图 以下代码不起作用，因为它也删除了按钮 $(".input-group-append").empty(); 或 对于这个用例，可能只需要 el = document.querySelector('.input-group-append') for (let i = 0;i<el.children.length;i++) { if(el.childNodes[i].nodeType === 3)

我正在寻找一种从div中删除文本的方法，而不删除其中的按钮。 请看上图

以下代码不起作用，因为它也删除了按钮

$(".input-group-append").empty();
或

对于这个用例，可能只需要

el = document.querySelector('.input-group-append')
for (let i = 0;i<el.children.length;i++) {
  if(el.childNodes[i].nodeType === 3) {
    el.removeChild(el.childNodes[i])
  }
}
对于这个用例，可能只需要

el = document.querySelector('.input-group-append')
for (let i = 0;i<el.children.length;i++) {
  if(el.childNodes[i].nodeType === 3) {
    el.removeChild(el.childNodes[i])
  }
}
由于您不打算删除按钮本身，只想删除按钮内的文本，因此必须修改选择器以指向按钮本身，然后使用文本或innerText属性

document.querySelector(".input-group-append > button").text = '';

// OR

document.querySelector(".input-group-append > button").innerText = '';
这将删除按钮内的文本。

由于您不打算删除按钮本身，只想删除按钮内的文本，因此必须修改选择器以指向按钮本身，然后使用text或innerText属性

document.querySelector(".input-group-append > button").text = '';

// OR

document.querySelector(".input-group-append > button").innerText = '';
这将删除按钮中的文本。

要删除文本，可以先存储子选择器，然后用innerHTML=清除父选择器，然后再次添加子选择器

const parent=document.querySelector.input-group-append； 常量childs=[]； forlet i=0；iparent.appendChilditem； 提交按钮 测试文本
要删除文本，可以先存储子选择器，然后使用innerHTML=清除父选择器，然后再次添加该子选择器

const parent=document.querySelector.input-group-append； 常量childs=[]； forlet i=0；iparent.appendChilditem； 提交按钮 测试文本
这应该在不接触元素的情况下删除div中的所有松散文本：

var elements = $(".input-group-append *");
$(".input-group-append").html("");
elements.each(function(){
  $(".input-group-append").append($(this)[0]);
});
这应该在不接触元素的情况下删除div中的所有松散文本：

var elements = $(".input-group-append *");
$(".input-group-append").html("");
elements.each(function(){
  $(".input-group-append").append($(this)[0]);
});
我有：未捕获类型错误：无法读取未定义的属性“remove”我有：未捕获类型错误：无法读取未定义的属性“remove”删除按钮ToIt删除按钮ToIt删除按钮To这是否回答了您的问题@确认号：：：这是否回答了您的问题@确认号：：：您能否提供另一个版本的childs.forEachitem=>parent.appendChilditem；因为它是Es5,而且在我的一口Es5中不起作用?？我想我应该做一个普通函数，而不是一个箭头，你可以用它来做循环。对于let i=0；iparent.appendChilditem的另一个版本吗；因为它是Es5,而且在我的一口Es5中不起作用?？我想我应该做一个普通函数，而不是一个箭头，你可以用它来做循环。对于let i=0；i