Insertion adjacente d'éléments en JavaScript

insertAdjacentElement

Задание 1

Élément donné :

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

Insérez avant celui-ci un paragraphe avec le texte '!!!'.

Задание 2

Élément donné :

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

Insérez après celui-ci un paragraphe avec le texte '!!!'.

Задание 3

Élément donné :

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

Insérez au début de celui-ci un paragraphe avec le texte '!!!'.

Задание 4

Élément donné :

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

Insérez à la fin de celui-ci un paragraphe avec le texte '!!!'.