ელემენტების მიმდებარე ჩასმა JavaScript-ში

insertAdjacentElement

Задание 1

მოცემულია ელემენტი:

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

ჩასვით მის წინ აბზაცი ტექსტით '!!!'.

Задание 2

მოცემულია ელემენტი:

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

ჩასვით მის შემდეგ აბზაცი ტექსტით '!!!'.

Задание 3

მოცემულია ელემენტი:

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

ჩასვით მას დასაწყისში აბზაცი ტექსტით '!!!'.

Задание 4

მოცემულია ელემენტი:

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

ჩასვით მას დასასრულში აბზაცი ტექსტით '!!!'.