gpt4 book ai didi

javascript - 无法删除 DOM 中没有元素或标签的文本

转载 作者:行者123 更新时间:2023-11-28 12:51:45 27 4
gpt4 key购买 nike

最近很忙,但没能解决这个问题。我已经检查了此页面上的所有答案,但仍然无法使其工作。文本保留在页面上。

Using .text() to retrieve only text not nested in child tags

我的 HTML:

<div class="parent">
<div class="child1">
<div class="child-of-child1">
A lot of elements here
</div> -----> (closing child of child 1)
TEXT I LIKE TO REMOVE
</div> -----> (closing child 1)
</div>

我所尝试的是该主题中的所有内容。仅供引用,我也尝试过:

document.getElementsByClassName('child-of-child1').childNodes[0].nodeValue = "";

但是不行,没有任何作用,文本仍然在那里......

注意:我无法进入源代码来实际更改或向文本添加元素或类名。不然我也不会这么麻烦。

请问可以帮忙吗?

最佳答案

您可以轻松过滤直接子节点中的文本节点:

var container = document.querySelector('.child1');

for(var node of container.childNodes) {
if (node.nodeType === Node.TEXT_NODE) {
container.removeChild(node);
}
}
<div class="parent">
<div class="child1">
THIS WILL DISAPPEAR
THIS WILL DISAPPEAR
<div class="child-of-child1">
A lot of elements here
</div>
THIS WILL DISAPPEAR
</div>
</div>

关于javascript - 无法删除 DOM 中没有元素或标签的文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60877753/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com