这听起来可能很愚蠢，但我没有找到实现此目的的正确方法。我想创建一个元素（在我们的示例中为 div 元素）并向其添加 textarea 值。在我的示例中，似乎已创建该元素，但我无法将其嵌入到 #notesPosition 中。我使用 JQuery 实现了此目的，但我不确定使用纯 Javascript 实现此目的的最佳方法是什么。

var notesPositionToAdd = document.getElementById('notesPosition');
var notesTextareaBtn = document.getElementById('btnAddNotes');


notesTextareaBtn.addEventListener('click', function(e) {
  e.preventDefault();
  var notesTextarea = document.getElementById('addNotesTextarea').value;
  console.log(notesTextarea);
  var newEl = document.createElement('div');


  newEl.append(notesTextarea);
  newEl.className += " col-lg-2";
  console.log(newEl);



});

<div class="row ">
  <div class="col-lg-4 col-md-4 col-sm-4 col-12 offset-md-8 ">
    <form id="newNoteForm">
      <div class="form-group offset-lg-6">
        <i class="fa fa-times text-md-right " aria-hidden="true"></i>
        <label for="addNotesTextarea">Add notes !</label>
        <textarea class="form-control" id="addNotesTextarea" rows="3"></textarea>
        <input class="btn btn-danger btn-sm" type="submit" value="Add" id="btnAddNotes">
      </div>
    </form>
  </div>
</div>
<div class="row" id="notesPosition">

</div>