Penyisipan Elemen Berdekatan di JavaScript

insertAdjacentElement

Задание 1

Diberikan elemen:

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

Sisipkan paragraf dengan teks '!!!' di depannya.

Задание 2

Diberikan elemen:

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

Sisipkan paragraf dengan teks '!!!' di belakangnya.

Задание 3

Diberikan elemen:

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

Sisipkan paragraf dengan teks '!!!' di awalnya.

Задание 4

Diberikan elemen:

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

Sisipkan paragraf dengan teks '!!!' di akhirnya.