Firefox将注释文本保存在style元素内的textContent中

Question

我有以下div

<div id="test"><style type="text/css"><!-- comment --></style><span>text</span></div>

我需要检索它的可见文字内容，我正在使用textContent这样的属性：

document.getElementById("text").textContent

它在Chrome中运行良好，但是，突然，Firefox返回<!-- comment -->text。我知道，我可以通过使用一个临时div（document.createElement）来修复它，但是，也许有更好的方法？

链接到小提琴：https://jsfiddle.net/e28m64tf/

UPD：

此代码似乎也会在Chrome中返回错误的结果。我的坏。

Answer 1

您也可以在Google Chrome中获得相同的结果。要解决此问题，您可以尝试：

alert(
  document.getElementById("test").
  textContent.
  replace(/<!--(.*?)-->/gm, '')
);

<div id="test">
  <style type="text/css"><!-- comment --></style>
  <span>text</span>
</div>