Inserción adyacente de elementos en JavaScript

insertAdjacentElement

Задание 1

Dado el elemento:

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

Inserte antes de él un párrafo con el texto '!!!'.

Задание 2

Dado el elemento:

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

Inserte después de él un párrafo con el texto '!!!'.

Задание 3

Dado el elemento:

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

Inserte al principio del mismo un párrafo con el texto '!!!'.

Задание 4

Dado el elemento:

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

Inserte al final del mismo un párrafo con el texto '!!!'.