Smežno umetanje elemenata u JavaScript-u

insertAdjacentElement

Задание 1

Dat je element:

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

Umetnite ispred njega paragraf sa tekstom '!!!'.

Задание 2

Dat je element:

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

Umetnite iza njega paragraf sa tekstom '!!!'.

Задание 3

Dat je element:

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

Umetnite mu na početak paragraf sa tekstom '!!!'.

Задание 4

Dat je element:

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

Umetnite mu na kraj paragraf sa tekstom '!!!'.