想要用js用replace批量替换div中多个数字、符号、应该如何实现写呢？

例如：

<div id="art" >
<p>
  1、时间：2009年2、地点：高级学院3、学习目的：学习所有注疏，建立入门基础。4、学习工具：①笔记本。②教材③词典5、项目实施：（1）、每天上午八点开始朗读。（2）讨论问题。（3）、下午午饭后，就上午学习的内容，进行背诵。
</p>
</div>
<script type="text/javascript">
var div=document.getElementById("art");
var content=div.innerHTML;
//div.innerHTML=content.replace 这里应该如何写
</script>

以上代码中，JS替换如何才能实现如下效果：
所有 。替换为
。
所有 数字、替换
数字、
所有 ① 替换
①
所有 （数字）、 替换
（数字）、


    var div=document.getElementById("art");
    var str=div.innerHTML;
    str = str.replace(/。/g, '。\r\n<br>');
    str = str.replace(/①/g, '①\r\n<br>');
    str = str.replace(/②/g, '②\r\n<br>');
    str = str.replace(/③/g, '③\r\n<br>');
    str = str.replace(/0/g, '0\r\n<br>');
    str = str.replace(/1/g, '1\r\n<br>');
    str = str.replace(/2/g, '2\r\n<br>');
    str = str.replace(/3/g, '3\r\n<br>');
    str = str.replace(/4/g, '4\r\n<br>');
    str = str.replace(/5/g, '5\r\n<br>');
    str = str.replace(/6/g, '6\r\n<br>');
    str = str.replace(/7/g, '7\r\n<br>');
    str = str.replace(/8/g, '8\r\n<br>');
    str = str.replace(/9/g, '9\r\n<br>');
    div.innerHTML = str;

上面
被解析了，这里补充下，需要实现的结果：

所有 。替换为<br>。
所有 数字、替换<br>数字、
所有 ① 替换<br>①
所有 （数字）、 替换<br>（数字）、

可以通过正则表达式来实现：
replace(/需要替换的内容/g,替换成的内容)

str.replace(/([。]|[0-9]、|（[0-9]）、)|[①②③]/g, "
$1")

img