Сумежная ўстаўка элементаў на JavaScript

insertAdjacentElement

Задание 1

Дадзены элемент:

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

Устаўце перад ім абзац з тэкстам '!!!'.

Задание 2

Дадзены элемент:

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

Устаўце пасля яго абзац з тэкстам '!!!'.

Задание 3

Дадзены элемент:

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

Устаўце яму ў пачатак абзац з тэкстам '!!!'.

Задание 4

Дадзены элемент:

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

Устаўце яму ў канец абзац з тэкстам '!!!'.