如何使用 JavaScript 替换 HTML 中所有文本，保留 HTML 结构？

来到golang学习网的大家，相信都是编程学习爱好者，希望在这里学习文章相关编程知识。下面本篇文章就来带大家聊聊《如何使用 JavaScript 替换 HTML 中所有文本，保留 HTML 结构？》，介绍一下，希望对大家的知识积累有所帮助，助力实战开发！

php 如何替换 html 中所有文本

想要像谷歌翻译页面一样，仅替换 html 文本，保留 html 代码结构。该 js 代码可以帮助你实现这一目标：

Array.from($$('*')).filter(v=>Array.from(v.childNodes).filter(v=>v.nodeName== "#text" && v.textContent.trim())?.length)

说明：

• $$('*') 获取所有 html 元素节点。
• array.from(v.childnodes) 在每个元素中获取子节点。
• array.from(v.childnodes).filter() 筛选子节点中包含文本节点（nodename == "#text"）且文本内容不为空（v.textcontent.trim()）。
• 然后，length 属性检查每个节点是否包含文本内容。

使用方式：

1. 获取需要翻译的 html 代码。
2. 运行上述 js 代码，获取所有文本节点。
3. 遍历文本节点，进行翻译和其他所需处理。
4. 最后，替换原始文本内容即可。

今天关于《如何使用 JavaScript 替换 HTML 中所有文本，保留 HTML 结构？》的内容就介绍到这里了，是不是学起来一目了然！想要了解更多关于的内容请关注golang学习网公众号！