Inserimento adiacente di elementi in JavaScript

insertAdjacentElement

Задание 1

Dato l'elemento:

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

Inserisci prima di esso un paragrafo con il testo '!!!'.

Задание 2

Dato l'elemento:

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

Inserisci dopo di esso un paragrafo con il testo '!!!'.

Задание 3

Dato l'elemento:

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

Inserisci all'inizio di esso un paragrafo con il testo '!!!'.

Задание 4

Dato l'elemento:

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

Inserisci alla fine di esso un paragrafo con il testo '!!!'.