div文本失去焦点时需要创建一个段落元素

Question

我正在尝试在div元素中输入多个电子邮件ID。但是，每当我尝试附加Child段落时，当div失去焦点时，它都会在同一段落元素中输入电子邮件。

我尝试过appendChild，然后清除innerHTML，该HTML删除了所有预期的内容。在使用innerHTML + =时，它会创建一个新元素，但还会复制上一行的文本。 这是我尝试过的示例代码

let addElement = e => {
  let childElement = document.createElement('p');
  childElement.innerText = e.target.innerText;
  e.target.innerText = '';
  e.target.appendChild(childElement)
};

<div id="textContainer" contenteditable style="border: 1px black solid" onblur="addElement(event)">
  <p>ChildElement</p>
</div>

我希望创建一个新段落，但是新文本会附加到一个段落上