JavaScript'te Element Komşularını Bulma

previousElementSiblingnextElementSibling
Задание 1

#elem elementi verildi:

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

Onun üstündeki komşusunu bulun ve sonuna '!' metnini ekleyin.

Задание 2

#elem elementi verildi:

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

Onun altındaki komşusunu bulun ve sonuna '!' metnini ekleyin.

Задание 3

#elem elementi verildi:

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

Onun altındaki komşusunun altındaki komşusunu bulun (bitişik olanın bir sonraki elementi) ve sonuna '!' metnini ekleyin.

Задание 4

#elem elementi verildi:

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

Onun üstündeki komşusunun metni ile altındaki komşusunun metnini yer değiştirin.