Szomszédos elemek beszúrása JavaScripttel

insertAdjacentElement

Задание 1

Adott egy elem:

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

Szúrj be elé egy bekezdést a '!!!' szöveggel.

Задание 2

Adott egy elem:

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

Szúrj be mögé egy bekezdést a '!!!' szöveggel.

Задание 3

Adott egy elem:

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

Szúrj be az elejére egy bekezdést a '!!!' szöveggel.

Задание 4

Adott egy elem:

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

Szúrj be a végére egy bekezdést a '!!!' szöveggel.