Παράλληλη Εισαγωγή Στοιχείων σε JavaScript

insertAdjacentElement

Задание 1

Δίνεται στοιχείο:

html<div id="elem" style="border: 1px solid red;">
  <p>κείμενο</p>
  <p>κείμενο</p>
  <p>κείμενο</p>
</div>

Εισάγετε πριν από αυτό μια παράγραφο με κείμενο '!!!'.

Задание 2

Δίνεται στοιχείο:

html<div id="elem" style="border: 1px solid red;">
  <p>κείμενο</p>
  <p>κείμενο</p>
  <p>κείμενο</p>
</div>

Εισάγετε μετά από αυτό μια παράγραφο με κείμενο '!!!'.

Задание 3

Δίνεται στοιχείο:

html<div id="elem" style="border: 1px solid red;">
  <p>κείμενο</p>
  <p>κείμενο</p>
  <p>κείμενο</p>
</div>

Εισάγετε στην αρχή του μια παράγραφο με κείμενο '!!!'.

Задание 4

Δίνεται στοιχείο:

html<div id="elem" style="border: 1px solid red;">
  <p>κείμενο</p>
  <p>κείμενο</p>
  <p>κείμενο</p>
</div>

Εισάγετε στο τέλος του μια παράγραφο με κείμενο '!!!'.