Javascript替换标签但保留内容

Question

假设我有这样的文字：

This should also be extracted, <strong>text</strong>

我只需要整个字符串中的text，我试过这个：

r = r.replace(/<strong[\s\S]*?>[\s\S]*?<\/strong>/g, "$1"); 但失败了（strong 仍然存在）。有什么合适的方法吗？

预期结果

This should also be extracted, text

解决方案：

为了定位特定标签，我使用了这个：

r = r.replace(/<strong\b[^>]*>([^<>]*)<\/strong>/i, "**$1**")

Answer 1

要解析 HTML，您需要一个 HTML 解析器。请参阅this answer 了解原因。

如果您只想从文本中删除<strong> 和</strong>，则不需要解析，但当然简单的解决方案往往会失败，这就是您需要HTML 解析器来解析HTML 的原因。这是一个删除<strong> 和</strong> 的简单解决方案：

str = str.replace(/<\/?strong>/g, "")

var yourString = "This should also be extracted, <strong>text</strong>";
yourString = yourString.replace(/<\/?strong>/g, "")
display(yourString);

function display(msg) {
  // Show a message, making sure any HTML tags show
  // as text
  var p = document.createElement('p');
  p.innerHTML = msg.replace(/&/g, "&amp;").replace(/</g, "&lt;");
  document.body.appendChild(p);
}

回到解析：在您的情况下，如果您在浏览器上，您可以使用浏览器的解析器轻松完成：

var yourString = "This should also be extracted, <strong>text</strong>";
var div = document.createElement('div');
div.innerHTML = yourString;
display(div.innerText || div.textContent);

function display(msg) {
  // Show a message, making sure any HTML tags show
  // as text
  var p = document.createElement('p');
  p.innerHTML = msg.replace(/&/g, "&amp;").replace(/</g, "&lt;");
  document.body.appendChild(p);
}

大部分浏览器都提供innerText； Firefox 提供了textContent，这就是为什么那里有||。

在非浏览器环境中，您需要某种 DOM 库（有很多）。

Answer 2

你可以这样做

var r = "This should also be extracted, <strong>text</strong>";
r = r.replace(/<(.+?)>([^<]+)<\/\1>/,"$2");
console.log(r);

我刚刚包含了一些严格的正则表达式。但是如果你想要轻松的版本，你可以做得很好

r = r.replace(/<.+?>/g,"");