javascript - 从文本中剥离标签(在 React JS 中)

Question

我在变量 cleanHTML 中有多个完整的 html 代码，我需要从文本中删除特定标签。

let cleanHTML = document.documentElement.outerHTML

这个:

<span class="remove-me">please</span>
<span class="remove-me">me too</span>
<span class="remove-me">and me</span>

对此:

please
me too
and me

我正在尝试这样做:

var list = cleanHTML.getElementsByClassName("remove-me");
var i;
for (i = 0; i < list.length; i++) {
  list[i] = list[i].innerHTML;
}

但是我从 React cleanHTML.getElementsByClassName is not a function 得到错误

知道如何以 React 喜欢的方式进行操作吗？

Answer 1

您的 cleanHtml是字符串而不是节点。所以getElementsByClassName不适用，因为它不是字符串函数

您可以使用正则表达式来执行此操作。以下代码可能会有所帮助。

var stripedHtml = cleanHtml.replace(/<[^>]+>/g, '');

和 stripedHtml将使您的 html 内容没有标签。