Съседно вмъкване на елементи в 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>

Вмъкнете в края му параграф с текст '!!!'.