Как написать элемент сразу после другого с помощью javascript? [дубликат]

На этот вопрос уже есть ответ здесь:

Мне нужно добавить элемент onclick сразу после другого (textarea).

Как мне это сделать?

3 29
javascript element

3 ответа:

Вы можете использовать метод appendChild для добавления нового элемента

HTML

<div id='div'>
  <textarea></textarea>
</div>

Javascript 

var div = document.getElementById('div');

var newText = document.createElement('textarea'); // create new textarea

div.appendChild(newText); // add it to the div

Результирующий HTML 

<div id='div'>
  <textarea></textarea>
  <textarea></textarea>
</div>
4

Принятый ответ будет работать в этом конкретном случае, но для вставки элемента после другого в более общем виде, следующее делает работу: 

someElement.parentNode.insertBefore(newElement, someElement.nextSibling);

Где newElement - вставляемый элемент, а somelement - элемент, после которого он должен быть вставлен.

W3C insertBefore метод интерфейса узла

111

outerHTML метод тоже делает свое дело: 

allAloneElement.outerHTML+='<p>I am the new element</p>'
7