Nachbarelemente in JavaScript suchen

previousElementSiblingnextElementSibling

Задание 1

Gegeben ist das Element #elem:

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

Finden Sie seinen oberen Nachbarn und hängen Sie ihm den Text '!' an.

Задание 2

Gegeben ist das Element #elem:

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

Finden Sie seinen unteren Nachbarn und hängen Sie ihm den Text '!' an.

Задание 3

Gegeben ist das Element #elem:

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

Finden Sie den unteren Nachbarn seines unteren Nachbarn (das nächste Element nach dem benachbarten) und hängen Sie ihm den Text '!' an.

Задание 4

Gegeben ist das Element #elem:

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

Tauschen Sie den Text seines oberen Nachbarn und den Text seines unteren Nachbarn aus.