Aangrensende invoeging van elemente in JavaScript

insertAdjacentElement

Задание 1

Gegewe element:

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

Voeg voor dit 'n paragraaf met die teks '!!!' in.

Задание 2

Gegewe element:

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

Voeg na dit 'n paragraaf met die teks '!!!' in.

Задание 3

Gegewe element:

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

Voeg aan sy begin 'n paragraaf met die teks '!!!' in.

Задание 4

Gegewe element:

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

Voeg aan sy einde 'n paragraaf met die teks '!!!' in.