Javascript hanya mengimplementasikan warna dan penyorotan tampilan interval baris tabel

Copy kode kodenya sebagai berikut:

<skrip tipe="teks/javascript">

var name; //Menyimpan nama kelas objek tr dan memulihkannya saat mouse dipindahkan

function trcolor(){ //Tampilan interval warna baris tabel

var tabNode = document.getElementsByTagName("tabel")[0];

var trNodes = tabNode.baris;

for(var x=1;x<trNodes.panjang;x++){

jika(x%2 == 1)

trNodes[x].className = "satu";

kalau tidak

trNodes[x].className = "dua";

trNodes[x].onmouseover = function(){ //Sorot

nama = ini.namakelas;

this.className = "lebih";

}

trNodes[x].onmouseout = function(){ //Tambahkan atribut event onmouseout ke objek tr

this.className = nama;

}

}

}

window.onload = trcolor;

</skrip>

<gaya tipe="teks/css">

tabel{ lebar:60%; batas:solid 1px #0066FF;}

tabel td {batas:solid 1px #0099ff;}

a{ dekorasi teks: tidak ada;}

.one{warna latar: merah;}

.two{warna latar: biru;}

.over{warna latar: kuning;}

</gaya>

</kepala>

<tubuh>

<tabel>

<tr>

<td>Nama</td><td>Umur</td><td>Alamat</td>

</tr>

<tr>

<td>Zhang San</td><td>23</td><td>Beijing</td>

</tr>

<tr>

<td>李思</td><td>25</td><td>Shanghai</td>

</tr>

<tr>

<td>王五</td><td>15</td><td>Guangzhou</td>

</tr>

<tr>

<td>Tuan Tang</td><td>20</td><td>Changsha</td>

</tr>

</tabel>

</tubuh>