Blakus elementu ievietošana JavaScript

insertAdjacentElement

Задание 1

Dots elements:

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

Ievietojiet pirms tā rindkopu ar tekstu '!!!'.

Задание 2

Dots elements:

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

Ievietojiet aiz tā rindkopu ar tekstu '!!!'.

Задание 3

Dots elements:

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

Ievietojiet tam sākumā rindkopu ar tekstu '!!!'.

Задание 4

Dots elements:

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

Ievietojiet tam beigās rindkopu ar tekstu '!!!'.