Соседна вметнување на елементи во JavaScript

insertAdjacentElement

Задание 1

Даден е елемент:

html<div id="elem" style="border: 1px solid red;">
  <p>text</p>
  <p>text</p>
  <p>text</p>
</div>

Вметнете пред него параграф со текст '!!!'.

Задание 2

Даден е елемент:

html<div id="elem" style="border: 1px solid red;">
  <p>text</p>
  <p>text</p>
  <p>text</p>
</div>

Вметнете после него параграф со текст '!!!'.

Задание 3

Даден е елемент:

html<div id="elem" style="border: 1px solid red;">
  <p>text</p>
  <p>text</p>
  <p>text</p>
</div>

Вметнете му на почетокот параграф со текст '!!!'.

Задание 4

Даден е елемент:

html<div id="elem" style="border: 1px solid red;">
  <p>text</p>
  <p>text</p>
  <p>text</p>
</div>

Вметнете му на крајот параграф со текст '!!!'.