Inserção Adjacente de Elementos em JavaScript

insertAdjacentElement

Задание 1

Dado o elemento:

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

Insira antes dele um parágrafo com o texto '!!!'.

Задание 2

Dado o elemento:

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

Insira depois dele um parágrafo com o texto '!!!'.

Задание 3

Dado o elemento:

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

Insira no início dele um parágrafo com o texto '!!!'.

Задание 4

Dado o elemento:

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

Insira no final dele um parágrafo com o texto '!!!'.