Elementtien naapurien etsiminen JavaScriptissä

Задание 1

Annettu elementti #elem:

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

Etsi sen yläpuolella oleva naapuri ja lisää sille loppuun teksti '!'.

Задание 2

Annettu elementti #elem:

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

Etsi sen alapuolella oleva naapuri ja lisää sille loppuun teksti '!'.

Задание 3

Annettu elementti #elem:

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

Etsi sen alapuolella olevan naapurin alapuolella oleva naapuri (seuraava elementti naapurin jälkeen) ja lisää sille loppuun teksti '!'.

Задание 4

Annettu elementti #elem:

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

Vaihda sen yläpuolella olevan naapurin teksti ja sen alapuolella olevan naapurin teksti keskenään.