Sąsiadujące wstawianie elementów w JavaScript

insertAdjacentElement

Задание 1

Dan element:

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

Wstaw przed nim akapit z tekstem '!!!'.

Задание 2

Dan element:

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

Wstaw po nim akapit z tekstem '!!!'.

Задание 3

Dan element:

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

Wstaw mu na początku akapit z tekstem '!!!'.

Задание 4

Dan element:

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

Wstaw mu na końcu akapit z tekstem '!!!'.