Mencari Elemen Jiran dalam JavaScript

previousElementSiblingnextElementSibling
Задание 1

Diberikan elemen #elem:

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

Cari jirannya di atas dan tambahkan teks '!' pada penghujungnya.

Задание 2

Diberikan elemen #elem:

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

Cari jirannya di bawah dan tambahkan teks '!' pada penghujungnya.

Задание 3

Diberikan elemen #elem:

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

Cari jiran di bawah jiran di bawahnya (elemen selepas jiran bersebelahan) dan tambahkan teks '!' pada penghujungnya.

Задание 4

Diberikan elemen #elem:

html<ul>
  <li>teks1</li>
  <li>teks2</li>
  <li id="elem">teks3</li>
  <li>teks4</li>
  <li>teks5</li>
</ul>

Tukar teks jiran di atasnya dengan teks jiran di bawahnya.