javascript - 如何使用 JavaScript 从某些 html 标签中删除文本

Question

我正在尝试让 Chrome 扩展程序在社交媒体网站上运行。我想做的一件事就是删除 Youtuber 的订阅者数量，但我没能成功做到这一点。

从下面的代码中我想删除“2.8M”，仅此而已。我只能删除整个按钮。

<paper-button noink="" class="style-scope ytd-subscribe-button-renderer" role="button" aria-label="Subscribe to JRE Clips.">
<!--css-build:shady-->
  <yt-formatted-string class="style-scope ytd-subscribe-button-renderer">Subscribe <span class="style-scope yt-formatted-string deemphasize">2.8M</span></yt-formatted-string>
</paper-button>

*请仅使用 JavaScript，不要使用外部库。

谢谢

Answer 1

这应该可以解决问题:

document.querySelector('paper-button yt-formatted-string span').remove();

如果您支持 IE，您应该这样做:

var elem = document.querySelector('paper-button yt-formatted-string span');
elem.parentNode.removeChild(elem);

但您最好先检查它是否退出，这样当 YT 更新其网站时它就不会抛出错误:

var elem = document.querySelector('paper-button yt-formatted-string span');
if(elem)
   elem.parentNode.removeChild(elem);