Gretimas elementų įterpimas JavaScript

insertAdjacentElement

Задание 1

Duotas elementas:

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

Įterpkite prieš jį pastraipą su tekstu '!!!'.

Задание 2

Duotas elementas:

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

Įterpkite po jo pastraipą su tekstu '!!!'.

Задание 3

Duotas elementas:

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

Įterpkite jam į pradžią pastraipą su tekstu '!!!'.

Задание 4

Duotas elementas:

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

Įterpkite jam į pabaigą pastraipą su tekstu '!!!'.