javascript - 从 div 中删除文本

Question

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

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

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

或

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

Answer 1

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

const parent = document.querySelector(".input-group-append");
const childs = [];
for(let i = 0; i < parent.children.length; i ++) {
  childs.push(parent.children[i]);
}

parent.innerHTML = '';
childs.forEach((item) => parent.appendChild(item));

<div class="input-group-append">
  <button type="submit" class="btn btn-search">Submit Button</button>
  Test Text
</div>