Ricerca degli elementi adiacenti in JavaScript

previousElementSibling nextElementSibling

Dato l'elemento #elem:

<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 '!'.

Dato l'elemento #elem:

<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 '!'.

Dato l'elemento #elem:

<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 '!'.

Dato l'elemento #elem:

<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.