本站资源收集于互联网,不提供软件存储服务,每天免费更新优质的软件以及学习资源!

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

网络教程 app 1℃

如何使用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 属性检查每个节点是否包含文本内容。

使用方式:

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

以上就是如何使用 JavaScript 替换 HTML 中所有文本,保留 HTML 结构?的详细内容,更多请关注范的资源库其它相关文章!

转载请注明:范的资源库 » 如何使用JavaScript替换HTML中所有文本_保留HTML结构?

喜欢 (0)