Sousední vkládání prvků v JavaScriptu

insertAdjacentElement

Задание 1

Daný prvek:

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

Vložte před něj odstavec s textem '!!!'.

Задание 2

Daný prvek:

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

Vložte za něj odstavec s textem '!!!'.

Задание 3

Daný prvek:

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

Vložte mu na začátek odstavec s textem '!!!'.

Задание 4

Daný prvek:

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

Vložte mu na konec odstavec s textem '!!!'.