[GPT] 对于一个复杂的html文档而言，如何用 js 批量替换页面上的某些文字从A替换为B，前提是不能去掉标签和已绑定的事件-526互联

原生：示例代码

function replaceTextInDocument(node) {
  if (node.nodeType === Node.TEXT_NODE) {
    node.textContent = node.textContent.replace(/A/g, 'B');
  } else if (node.nodeType === Node.ELEMENT_NODE) {
    for (var i = 0; i < node.childNodes.length; i++) {
      replaceTextInDocument(node.childNodes[i]);
    }
  }
}

replaceTextInDocument(document.body);

上述代码定义了一个 replaceTextInDocument 函数，它接收一个节点作为参数。

如果节点是文本节点，则使用正则表达式替换文本内容。

如果节点是元素节点，则递归遍历其所有子节点，并对每个子节点调用 replaceTextInDocument 函数。

最后，我们可以调用 replaceTextInDocument 函数并将 document.body 作为参数，以替换整个页面上的文本内容。

这样就可以批量替换 HTML 页面中的某些文字，而不会影响标签和已绑定的事件。

jQuery实现：示例代码

function replaceTextInDocument($element) {
  $element.contents().each(function() {
    if (this.nodeType === Node.TEXT_NODE) {
      this.nodeValue = this.nodeValue.replace(/A/g, 'B');
    } else if (this.nodeType === Node.ELEMENT_NODE) {
      replaceTextInDocument($(this));
    }
  });
}

replaceTextInDocument($('#myContainer'));