Recherche des éléments voisins en JavaScript

previousElementSiblingnextElementSibling
Задание 1

Étant donné l'élément #elem :

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

Trouvez son voisin du dessus et ajoutez-lui à la fin le texte '!'.

Задание 2

Étant donné l'élément #elem :

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

Trouvez son voisin du dessous et ajoutez-lui à la fin le texte '!'.

Задание 3

Étant donné l'élément #elem :

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

Trouvez le voisin du dessous de son voisin du dessous (l'élément suivant après le voisin) et ajoutez-lui à la fin le texte '!'.

Задание 4

Étant donné l'élément #elem :

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

Échangez le texte de son voisin du dessus et le texte de son voisin du dessous.