Indsættelse af tilstødende elementer i JavaScript

insertAdjacentElement

Задание 1

Givet element:

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

Indsæt før det en afsnit med teksten '!!!'.

Задание 2

Givet element:

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

Indsæt efter det en afsnit med teksten '!!!'.

Задание 3

Givet element:

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

Indsæt i begyndelsen af det en afsnit med teksten '!!!'.

Задание 4

Givet element:

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

Indsæt i slutningen af det en afsnit med teksten '!!!'.