Sosednja vstavljanje elementov v JavaScript

insertAdjacentElement

Задание 1

Podan je element:

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

Vstavite pred njim odstavek z besedilom '!!!'.

Задание 2

Podan je element:

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

Vstavite za njim odstavek z besedilom '!!!'.

Задание 3

Podan je element:

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

Vstavite mu na začetek odstavek z besedilom '!!!'.

Задание 4

Podan je element:

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

Vstavite mu na konec odstavek z besedilom '!!!'.