js klik senarai teks sepadan dengan baris paparan warna pelaksanaan kemahiran code_javascript

Contoh dalam artikel ini menerangkan cara menggunakan js untuk mengklik pada teks senarai dan merealisasikan warna latar belakang baris teks. Kongsikan dengan semua orang untuk rujukan anda. Butirannya adalah seperti berikut:
JS mengawal li, kelas ditambah secara automatik apabila tetikus diklik, dan kesan khas halaman web warna latar belakang kegemaran anda dijana untuk teks senarai.

Gambar rajah kesan operasi adalah seperti berikut:

<style type="text/css">
li{cursor:pointer;}
.cur{background:red;}
</style>
<script type="text/javascript">
window.onload = function ()
{
 var aLi = document.getElementsByTagName("li");
 var i = 0; 
 for (i = 0; i < aLi.length; i++)
 { 
 aLi[i].onclick = function ()
 {
  for (i = 0; i < aLi.length; i++) aLi[i].className = "";
  this.className = "cur";
 };
 }
};
</script>
<div class="clMenu">
  <ul>
    <li>1</li>
    <li>2</li>
    <li>4</li>
    <li>5</li>
  </ul>
</div>

Saya harap artikel ini akan membantu reka bentuk pengaturcaraan JavaScript semua orang.