Penyisipan Elemen Bersebelahan dalam JavaScript

insertAdjacentElement

Задание 1

Diberi elemen:

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

Sisipkan perenggan dengan teks '!!!' sebelumnya.

Задание 2

Diberi elemen:

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

Sisipkan perenggan dengan teks '!!!' selepasnya.

Задание 3

Diberi elemen:

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

Sisipkan perenggan dengan teks '!!!' pada permulaannya.

Задание 4

Diberi elemen:

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

Sisipkan perenggan dengan teks '!!!' pada pengakhirannya.