javascript 全局替换文本

最近在项目中遇到一个场景：在一个完整的html中，存在多处重复的文本，比如“css”，现在需要把所有的“css”替换成“js”。一开始我的想法是将所有的“css”文本使用<span class="text">标签包裹，如需更换的时候则使用jquery完成替换

$(".text").text("js")

这时候问题出现了，因为是一个完整的项目（布局已经写好），突然加进去的<span>标签样式会异常，而且每一处异常的样式都需要单独修改，这很浪费时间精力（其实从最开始就应该设计好，需要替换的文本应该单独用标签括起来）

后来想到使用全局文本替换，具体的做法是获取页面的html代码，使用replace函数进行文本替换

var html_text = $('body').html()
html_text = html_text.replace(/css/g, 'js')
$('body').html(html_text)
console.log(typeof(html_text))  // string