1. Tambahkan event onclick ke semua elemen p di halaman web:
Copy kode kodenya sebagai berikut:
<%@ halaman contentType="teks/html; charset=UTF-8" pageEncoding="UTF-8"%>
<html>
<kepala>
<title>Masukkan judul di sini</title>
<!-- <skrip src="jQuery/jquery-1.10.2.js"></script>-->
<skrip tipe="teks/javascript">
jendela.onload=fungsi(){
var item=dokumen.getElementsByTagName("p");
for(i=0;i<item.panjang;i++){
item[i].onclick=function(){
alert("Klik berhasil...");
}
}
}
</skrip>
</kepala>
<tubuh>
<p>Uji paragraf satu...</p>
<p>Uji paragraf dua...</p>
<p>Uji paragraf tiga...</p>
</tubuh>
</html>
2. Buat setiap baris tabel tertentu berubah warna:
Copy kode kodenya sebagai berikut:
<%@ halaman contentType="teks/html; charset=UTF-8" pageEncoding="UTF-8"%>
<html>
<kepala>
<title>Masukkan judul di sini</title>
<!-- <skrip src="jQuery/jquery-1.10.2.js"></script>-->
<skrip tipe="teks/javascript">
jendela.onload=fungsi(){
var item=dokumen.getElementById("tb");
var tbody=item.getElementsByTagName("tbody")[0];
var trs=tbody.getElementsByTagName("tr");
for(var i=0;i<trs.panjang;i++){
jika(i%2==0){
trs[i].style.backgroundColor="hijau";
}
}
}
</skrip>
</kepala>
<tubuh>
<tabel id="tb">
<tubuh>
<tr><td>Baris pertama</td></tr>
<tr><td>Baris kedua</td></tr>
<tr><td>Baris ketiga</td></tr>
<tr><td>Baris keempat</td></tr>
<tr><td>Baris kelima</td></tr>
<tr><td>Baris keenam</td></tr>
</tbody>
</tabel>
</tubuh>
</html>