Susedné vkladanie prvkov v JavaScripte

Задание 1

Daný prvok:

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

Vložte pred neho odsek s textom '!!!'.

Задание 2

Daný prvok:

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

Vložte za neho odsek s textom '!!!'.

Задание 3

Daný prvok:

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

Vložte mu na začiatok odsek s textom '!!!'.

Задание 4

Daný prvok:

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

Vložte mu na koniec odsek s textom '!!!'.