Sökning efter grannar till element i JavaScript

Задание 1

Givet element #elem:

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

Hitta dess övre granne och lägg till texten '!' i slutet av den.

Задание 2

Givet element #elem:

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

Hitta dess nedre granne och lägg till texten '!' i slutet av den.

Задание 3

Givet element #elem:

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

Hitta granne under dess nedre granne (nästa element efter den angränsande) och lägg till texten '!' i slutet av den.

Задание 4

Givet element #elem:

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

Byt plats på texten i dess övre granne och texten i dess nedre granne.