Ricerca degli elementi adiacenti in JavaScript

previousElementSiblingnextElementSibling

Задание 1

Dato l'elemento #elem:

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

Trova il suo elemento adiacente superiore e aggiungi alla fine del suo testo '!'.

Задание 2

Dato l'elemento #elem:

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

Trova il suo elemento adiacente inferiore e aggiungi alla fine del suo testo '!'.

Задание 3

Dato l'elemento #elem:

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

Trova l'elemento adiacente inferiore del suo elemento adiacente inferiore (l'elemento successivo a quello adiacente) e aggiungi alla fine del suo testo '!'.

Задание 4

Dato l'elemento #elem:

html<ul>
  <li>testo1</li>
  <li>testo2</li>
  <li id="elem">testo3</li>
  <li>testo4</li>
  <li>testo5</li>
</ul>

Scambia il testo del suo elemento adiacente superiore con il testo del suo elemento adiacente inferiore.