JavaScript-те элементтердің көршілерін табу

Задание 1

#elem элементі берілген:

html<ul>
  <li>мәтін</li>
  <li>мәтін</li>
  <li id="elem">мәтін</li>
  <li>мәтін</li>
  <li>мәтін</li>
</ul>

Оның жоғарғы жағындағы көршісін тауып, оның соңына '!' мәтінін қосыңыз.

Задание 2

#elem элементі берілген:

html<ul>
  <li>мәтін</li>
  <li>мәтін</li>
  <li id="elem">мәтін</li>
  <li>мәтін</li>
  <li>мәтін</li>
</ul>

Оның төменгі жағындағы көршісін тауып, оның соңына '!' мәтінін қосыңыз.

Задание 3

#elem элементі берілген:

html<ul>
  <li>мәтін</li>
  <li>мәтін</li>
  <li id="elem">мәтін</li>
  <li>мәтін</li>
  <li>мәтін</li>
</ul>

Оның төменгі жағындағы көршісінің төменгі жағындағы көршісін (көршілес элементтен кейінгі келесі элемент) тауып, оның соңына '!' мәтінін қосыңыз.

Задание 4

#elem элементі берілген:

html<ul>
  <li>мәтін1</li>
  <li>мәтін2</li>
  <li id="elem">мәтін3</li>
  <li>мәтін4</li>
  <li>мәтін5</li>
</ul>

Оның жоғарғы жағындағы көршісінің мәтіні мен төменгі жағындағы көршісінің мәтінін ауыстырыңыз.