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


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

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

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

3   29  

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>

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

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

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

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

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

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