Iskanje sosednjih elementov v JavaScript

Задание 1

Dan je element #elem:

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

Poiščite njegovega zgornjega soseda in mu na konec dodajte besedilo '!'.

Задание 2

Dan je element #elem:

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

Poiščite njegovega spodnjega soseda in mu na konec dodajte besedilo '!'.

Задание 3

Dan je element #elem:

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

Poiščite spodnjega soseda njegovega spodnjega soseda (naslednji element za sosednjim) in mu na konec dodajte besedilo '!'.

Задание 4

Dan je element #elem:

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

Zamenjajte mesti besedila njegovega zgornjega soseda in besedila njegovega spodnjega soseda.