js用replace函数批量替换HTML网页中的指定内容方法

在网站建设使用后，网站中已经发布了大量内容，想要替换其中部分错误的内容和标点符号，用什么方法比较简单呢？这里可以尝试使用JavaScript中的replace函数在前端进行批量替换HTML网页中的内容。

例如下面的内容：

浔阳江头夜送客，枫叶荻花秋瑟瑟。,主人下马客在船，举酒欲饮无管弦。
醉不成欢惨将别，别时茫茫江浸月。
,忽闻水上琵琶声，主人忘归客不发。寻声暗问弹者谁，琵琶声停欲语迟。
,移船相近邀相见，添酒回灯重开宴。
千呼万唤始出来，犹抱琵琶半遮面。
,转轴拨弦三两声，未成曲调先有情。弦弦掩抑声声思，似诉平生不得志。
低眉信手续续弹，说尽心中无限事。

有的段落前面多了英文逗号，有的句号后面没有换行，这时我们就可以使用js的replace函数来对内容中的英文逗号替换为空，再把句号替换为换行+句号。具体写法如下：

<div id="art">
浔阳江头夜送客，枫叶荻花秋瑟瑟。,主人下马客在船，举酒欲饮无管弦。
醉不成欢惨将别，别时茫茫江浸月。
,忽闻水上琵琶声，主人忘归客不发。寻声暗问弹者谁，琵琶声停欲语迟。
,移船相近邀相见，添酒回灯重开宴。
千呼万唤始出来，犹抱琵琶半遮面。
转轴拨弦三两声，未成曲调先有情。弦弦掩抑声声思，似诉平生不得志。
低眉信手续续弹，说尽心中无限事。
</div>

<script type="text/javascript">
    var div=document.getElementById("art");
    var content=div.innerHTML;
    div.innerHTML=content.replace(/,/g,"").replace(/。/g,"。<br>"); 
</script>

//如果替换更多内容可用多个replace()连续调用即可。

例如：
替换1、为<br>1、就增加  .replace(/(\d、)/g,"<br>$1")



//其实方法多种多样，使用以下写法也可以：
<script type="text/javascript"> 
    var div=document.getElementById("art");
    var str=div.innerHTML;
    str = str.replace(/,/g, '');
    str = str.replace(/。/g, '。<br>');
    div.innerHTML = str;
</script>

通过以上js代码使用replace函数替换英文逗号和句号后，实现效果如下：

所以，当你遇到类似的替换需求时，可以试试这个方法，感谢阅读。