Tilgrensende innsetting av elementer i JavaScript

insertAdjacentElement

Задание 1

Gitt element:

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

Sett inn en avsnitt med tekst '!!!' før den.

Задание 2

Gitt element:

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

Sett inn en avsnitt med tekst '!!!' etter den.

Задание 3

Gitt element:

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

Sett inn en avsnitt med tekst '!!!' i begynnelsen av den.

Задание 4

Gitt element:

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

Sett inn en avsnitt med tekst '!!!' på slutten av den.