Vierekkäinen elementtien lisääminen JavaScriptillä

insertAdjacentElement

Задание 1

Annettu elementti:

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

Lisää sen eteen kappale tekstillä '!!!'.

Задание 2

Annettu elementti:

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

Lisää sen perään kappale tekstillä '!!!'.

Задание 3

Annettu elementti:

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

Lisää sen alkuun kappale tekstillä '!!!'.

Задание 4

Annettu elementti:

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

Lisää sen loppuun kappale tekstillä '!!!'.