javascript - 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 ) 来修复它，但是，也许有更好的方法？

fiddle 链接:https://jsfiddle.net/e28m64tf/

更新:

看来这段代码在 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>