javascript - 如何选择一个元素，我从哪里开始写作？

Question

我制作了一个向 div 添加 span 元素的函数。但是当它在页面上并且我想在它里面写一些东西时，它从这个新创建的 span 元素开始，而不是像以前那样在 p 元素内。我怎么解决这个问题？

function addReply(clickingObjId, textArea, nickname) {
  let switchClick = document.getElementById(clickingObjId);
  let textBlock = document.getElementById(textArea);
  let span = document.createElement('span');
  span.innerText = `@${nickname}`;
  span.classList.add('reply-active');

  switchClick.addEventListener('click', function() {
    console.log(textBlock);
    textBlock.appendChild(span);
  });
}
addReply("reply-button", "rep-content", "Nickname");

.leave-comment {
  display: flex;
  border-radius: 4px;
  width: 100%;
  box-sizing: border-box;
  padding: 20px;
  outline: none;
  border: 1px solid #b2b2b2;
}

.content {
  font-family: Arial;
  font-size: 14px;
}

.reply-active {
  color: #378AD3;
  font-size: 14px;
}

<div contenteditable="true" placeholder="Write your comment here" id="leave-com" class="leave-comment">
  <p class="content" id="rep-content"></p>
</div>
<p id="reply-button" class="reply-button">Reply</p>

标签： javascript