Benachbartes Einfügen von Elementen in JavaScript

insertAdjacentElement

Задание 1

Gegeben ist ein Element:

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

Fügen Sie davor einen Absatz mit dem Text '!!!' ein.

Задание 2

Gegeben ist ein Element:

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

Fügen Sie dahinter einen Absatz mit dem Text '!!!' ein.

Задание 3

Gegeben ist ein Element:

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

Fügen Sie am Anfang einen Absatz mit dem Text '!!!' ein.

Задание 4

Gegeben ist ein Element:

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

Fügen Sie am Ende einen Absatz mit dem Text '!!!' ein.