Javascript -如何在不干扰页面中HTML的情况下向页面中的单词添加链接

// 获取页面中的所有文本节点
var textNodes = document.querySelectorAll('body, p, span, div'); // 根据实际情况选择需要获取文本的元素

// 正则表达式匹配单词的边界
var wordRegex = /\b\w+\b/g;

// 遍历文本节点
textNodes.forEach(function(node) {
  // 获取节点的文本内容
  var text = node.textContent;

  // 使用正则表达式匹配单词
  var matches = text.match(wordRegex);

  // 遍历匹配到的单词
  if (matches) {
    matches.forEach(function(word) {
      // 创建链接元素
      var link = document.createElement('a');
      link.href = 'https://example.com/' + word; // 替换为实际的链接地址

      // 设置链接文本为单词本身
      link.textContent = word;

      // 替换文本中的单词为链接元素
      text = text.replace(word, link.outerHTML);
    });

    // 更新节点的文本内容
    node.innerHTML = text;
  }
});