Javascript 添加打断标记以使用regexp显示各行

我有一个div元素。我将复制粘贴此分区中的一些文本。然后，单击“创建”按钮后，将在该分区内创建另一个分区，其中包含所选文本。新的div将具有不同的背景颜色、不同的字体和其他样式属性。我的问题是我希望每一行都是单独的一行。因此我使用replace（）命令和regexp更改带有标记的每个分号。但它考虑到标记是字符串的一部分，并且没有创建单独的行。。如何解决此问题

这是最新的

JS

函数changeit（）{
var slctn=document.getSelection（）；
var strings=slctn.toString（）；
警报（字符串）；
var get_id=document.getElementById（“myspace”）；
var elem=document.createElement（“div”）；
var design=document.createAttribute（“样式”）；
design.value=“背景色：灰色；颜色：黑色；字体大小：粗体；字体样式：斜体；字体系列：草书；”；
元素设置属性节点（设计）；
警报（“已完成”）；
var rep=strings.replace（/\；/g，“
”）；
var text=document.createTextNode（rep）；
警报（文本）；
附加儿童要素（文本）；
获取附加子对象的id（elem）；
}

HTML

ddd

如下所示进行更换：

// elem.appendChild(texts);
elem.innerHTML = rep;

---

下面是一个关于

的工作示例，样式实际上是这样工作的吗？通常情况下，您使用cssText创建textNode时，它们没有中断。那么如何解决？请告诉我为什么elem.innerHTML工作，而我的代码不工作？createTextNode（）的功能与预期完全相同-从提供的字符串创建文本。当附加到元素时，它的行为与此类似。使用innerHTML，您可以显式地告诉元素这是您想要显示的html，并且应该进行解析。

<div  contenteditable="true" width="40px" height="50px" style="display:block;" id="myspace">ddd</div>
<input type="button" value="select" onClick="changeit();">

// elem.appendChild(texts);
elem.innerHTML = rep;