javascript - 如何从节点中删除文本？

Question

<div id="blah">
    <img src="yadda.svg" />
    <span>
        Text of great importance
    </span>
    Lorem ipsum dolor sit amet
</div>

现在我知道我可以轻松地从所有内容中清除#blah:

for (let node of Array.from(document.getElementById('blah').childNodes))) node.remove()

但我只想删除所有文本(在本例中为 Lorem ipsum...)我不想删除图像、跨度或文本跨度。

Lorem 可能通过 document.getElementById('blah').appendChild(document.createTextNode('Lorem...') 插入到此 div )

Answer 1

您可以使用 nextsibling定位文本节点并将其删除。

document.querySelector('#blah > span').nextSibling.remove()

<div id="blah">
    <img src="yadda.svg" />
    <span>
        Text of great importance
    </span>
    Lorem ipsum dolor sit amet
</div>