Αναζήτηση γειτονικών στοιχείων στο JavaScript

Задание 1

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

html<ul>
  <li>text</li>
  <li>text</li>
  <li id="elem">text</li>
  <li>text</li>
  <li>text</li>
</ul>

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

Задание 2

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

html<ul>
  <li>text</li>
  <li>text</li>
  <li id="elem">text</li>
  <li>text</li>
  <li>text</li>
</ul>

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

Задание 3

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

html<ul>
  <li>text</li>
  <li>text</li>
  <li id="elem">text</li>
  <li>text</li>
  <li>text</li>
</ul>

Βρείτε τον κάτω γείτονα του κάτω γείτονά του (το επόμενο στοιχείο μετά το γειτονικό) και προσθέστε του στο τέλος το κείμενο '!'.

Задание 4

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

html<ul>
  <li>text1</li>
  <li>text2</li>
  <li id="elem">text3</li>
  <li>text4</li>
  <li>text5</li>
</ul>

Ανταλλάξτε τα κείμενα του πάνω γείτονά του και του κάτω γείτονά του.