replace替换文本如何忽略HTML标签 js

在 JavaScript 中，可以使用正则表达式和字符串方法来替换文本并忽略 HTML 标签。

以下是一个示例代码：

function replaceTextWithoutTags(text, find, replace) {
  // 匹配 HTML 标签的正则表达式
  var htmlTagRegex = /(<([^>]+)>)/ig;

  // 先将文本中的 HTML 标签替换为占位符
  var placeholder = '##HTML_TAG##';
  var withoutTags = text.replace(htmlTagRegex, placeholder);

  // 替换文本
  var replacedText = withoutTags.replace(new RegExp(find, 'gi'), replace);

  // 将占位符替换回 HTML 标签
  var originalText = replacedText.replace(new RegExp(placeholder, 'gi'), '');

  return originalText;
}

// 示例用法
var text = '<p>Hello, <strong>world</strong>!</p>';
var replacedText = replaceTextWithoutTags(text, 'world', 'JavaScript');

console.log(replacedText); // 输出: <p>Hello, <strong>JavaScript</strong>!</p>

在上面的示例中，我们首先定义了一个匹配 HTML 标签的正则表达式 htmlTagRegex。然后，我们使用 replace 方法将 HTML 标签替换为占位符，并将替换后的文本保存在 withoutTags 变量中。接下来，我们使用 replace 方法替换文本中的指定内容，并将替换后的文本保存在 replacedText 变量中。最后，我们使用 replace 方法将占位符替换回 HTML 标签，得到最终的替换结果，并将其返回。

请注意，这只是一个简单的示例，可能无法处理所有复杂的 HTML 标签嵌套情况。如果需要处理更复杂的 HTML 结构，建议使用专门的 HTML 解析器或库来处理