JavaScript-də element qonşularının tapılması

Задание 1

#elem elementi verilmişdir:

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

Onun yuxarı qonşusunu tapın və ona sonuna '!' mətnini əlavə edin.

Задание 2

#elem elementi verilmişdir:

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

Onun aşağı qonşusunu tapın və ona sonuna '!' mətnini əlavə edin.

Задание 3

#elem elementi verilmişdir:

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

Onun aşağı qonşusunun aşağı qonşusunu tapın (və ya qonşudan sonrakı elementi) və ona sonuna '!' mətnini əlavə edin.

Задание 4

#elem elementi verilmişdir:

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

Onun yuxarı qonşusunun mətni ilə aşağı qonşusunun mətnini yerini dəyişin.