Inserarea adiacentă a elementelor în JavaScript

insertAdjacentElement

Задание 1

Este dat elementul:

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

Inserați înaintea lui un paragraf cu textul '!!!'.

Задание 2

Este dat elementul:

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

Inserați după el un paragraf cu textul '!!!'.

Задание 3

Este dat elementul:

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

Inserați la începutul lui un paragraf cu textul '!!!'.

Задание 4

Este dat elementul:

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

Inserați la sfârșitul lui un paragraf cu textul '!!!'.