如何使用 JavaScript 从 innerHTML 中去除超链接

在网页开发中，有时需要从 HTML 内容中去除超链接，例如为了避免在特定场景下显示链接。可以使用 JavaScript 的正则表达式来实现这个功能。

1. 去除超链接标签

// 假设有一个div元素的id为myDiv
var myDiv = document.getElementById('myDiv');

// 使用正则表达式匹配超链接
var regex = /<a\b[^>]*>(.*?)<\/a>/gi;
var innerHtml = myDiv.innerHTML;

// 替换超链接为空字符串
var newInnerHTML = innerHtml.replace(regex, '');

// 更新div的innerHTML
myDiv.innerHTML = newInnerHTML;

这段代码首先获取了 id 为 'myDiv' 的 div 元素，并通过 innerHTML 属性取得其内容。然后，使用正则表达式匹配所有超链接的标签，并将其替换为空字符串。最后，将更新后的内容赋值给 div 的 innerHTML 属性。

2. 去除超链接标签和文本内容

var regex = /<a\b[^>]*>(.*?)<\/a>/gi;
var innerHtml = myDiv.innerHTML;

var newInnerHTML = innerHtml.replace(regex, function(match, capture) {
  return ''; // 将超链接的文本内容替换为空字符串
});

myDiv.innerHTML = newInnerHTML;

这段代码在正则表达式中添加了一个额外的捕获组，并在替换时将捕获的文本内容替换为空字符串。这样，不仅可以去除超链接的标签，还可以去除超链接的文本内容。

注意事项

以上代码仅适用于去除单个 div 元素的超链接。如果需要去除整个网页的超链接，需要使用其他方法。
使用正则表达式操作 HTML 内容可能存在一些风险，例如可能会导致代码错误或安全漏洞。建议在使用之前仔细测试代码并进行安全检查。