Wyszukiwanie sąsiadów elementów w JavaScript

previousElementSiblingnextElementSibling
Задание 1

Dany jest element #elem:

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

Znajdź jego sąsiada powyżej i dodaj mu na koniec tekst '!'.

Задание 2

Dany jest element #elem:

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

Znajdź jego sąsiada poniżej i dodaj mu na koniec tekst '!'.

Задание 3

Dany jest element #elem:

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

Znajdź sąsiada poniżej jego sąsiada poniżej (następny element za sąsiednim) i dodaj mu na koniec tekst '!'.

Задание 4

Dany jest element #elem:

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

Zamień miejscami tekst jego sąsiada powyżej i tekst jego sąsiada poniżej.