1. เพิ่มเหตุการณ์ onclick ให้กับองค์ประกอบ p ทั้งหมดในหน้าเว็บ:
คัดลอกรหัสรหัสดังต่อไปนี้:
<%@ หน้า contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<html>
<หัว>
<title>ใส่ชื่อที่นี่</title>
<!-- <script src="jQuery/jquery-1.10.2.js"></script>-->
<script type="text/javascript">
window.onload=ฟังก์ชั่น(){
รายการvar=document.getElementsByTagName("p");
สำหรับ(i=0;i<items.length;i++){
รายการ [i] .onclick=function(){
alert("คลิกสำเร็จ...");
-
-
-
</สคริปต์>
</หัว>
<ร่างกาย>
<p>ทดสอบย่อหน้าที่หนึ่ง...</p>
<p>ทดสอบย่อหน้าที่สอง...</p>
<p>ทดสอบย่อหน้าที่สาม...</p>
</ร่างกาย>
</html>
2. ทำให้ทุกแถวของตารางเฉพาะเปลี่ยนสี:
คัดลอกรหัสรหัสดังต่อไปนี้:
<%@ หน้า contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<html>
<หัว>
<title>ใส่ชื่อที่นี่</title>
<!-- <script src="jQuery/jquery-1.10.2.js"></script>-->
<script type="text/javascript">
window.onload=ฟังก์ชั่น(){
var item=document.getElementById("tb");
var tbody=item.getElementsByTagName("tbody")[0];
var trs=tbody.getElementsByTagName("tr");
สำหรับ(var i=0;i<trs.length;i++){
ถ้า(i%2==0){
trs[i].style.พื้นหลังสี = "สีเขียว";
-
-
-
</สคริปต์>
</หัว>
<ร่างกาย>
<table id="tb">
<tbody>
<tr><td>บรรทัดแรก</td></tr>
<tr><td>บรรทัดที่สอง</td></tr>
<tr><td>บรรทัดที่สาม</td></tr>
<tr><td>บรรทัดที่สี่</td></tr>
<tr><td>บรรทัดที่ห้า</td></tr>
<tr><td>บรรทัดที่หก</td></tr>
</tbody>
</ตาราง>
</ร่างกาย>
</html>