Aangrenzende invoeging van elementen in JavaScript

insertAdjacentElement

Задание 1

Gegeven een element:

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

Voeg er een alinea met de tekst '!!!' voor in.

Задание 2

Gegeven een element:

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

Voeg er een alinea met de tekst '!!!' na in.

Задание 3

Gegeven een element:

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

Voeg aan het begin een alinea met de tekst '!!!' in.

Задание 4

Gegeven een element:

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

Voeg aan het einde een alinea met de tekst '!!!' in.