ตัวอย่างการแชร์โค้ดตัวอย่างสีพื้นหลังตารางการแก้ไข Javascript

ผู้เขียน：Eve Cole เวลาอัปเดต：2025-01-18 15:00:03

คัดลอกรหัสรหัสดังต่อไปนี้:

<html>

<สคริปต์>

//ตั้งค่าสีของแถวปัจจุบันเมื่อคลิกที่แถวที่เลือกในปัจจุบัน และคืนค่าสีและเหตุการณ์เมาส์ของแถวอื่นที่ไม่ใช่แถวปัจจุบัน

ฟังก์ชั่น selectRow (เป้าหมาย)

var sTable = document.getElementById("ServiceListTable")

for(var i=1;i<sTable.rows.length;i++) //สำรวจทุกแถวยกเว้นแถวแรก

if (sTable.rows[i] != target) //ตรวจสอบว่าแถวถูกเลือกอยู่หรือไม่

sTable.rows[i].bgColor = "#ffffff"; //ตั้งค่าสีพื้นหลัง

sTable.rows[i].onmouseover = resumeRowOver; //เพิ่มเหตุการณ์ onmouseover

sTable.rows[i].onmouseout = resumeRowOut;//เพิ่มเหตุการณ์ onmouseout

อื่น

sTable.rows[i].bgColor = "#d3d3d3";

sTable.rows[i].onmouseover = ""; //ลบเหตุการณ์ของเมาส์

sTable.rows[i].onmouseout = ""; //ลบกิจกรรมของเมาส์

//สีพื้นหลังของ tr เมื่อถูกย้าย

ฟังก์ชั่น rowOver (เป้าหมาย)

target.bgColor='#e4e4e4';

//สีพื้นหลังของ tr เมื่อย้ายออก

ฟังก์ชั่น rowOut (เป้าหมาย)

target.bgColor='#ffffff';

//เรียกคืนเหตุการณ์ onmouseover ของ tr ที่รองรับฟังก์ชันการโทร

ฟังก์ชั่น resumeRowOver()

rowOver(นี้);

//เรียกคืนเหตุการณ์ onmouseout ของ tr ที่รองรับฟังก์ชันการโทร

ฟังก์ชั่น resumeRowOut()

rowOut(นี้);

</สคริปต์>

<ร่างกาย>

<div onmouseover="javascript:this.style.wallpaper='red';" onmouseout="javascript:this.style.wallpaper='blue'">สำหรับสองฟังก์ชันสุดท้าย resumeRowOver และ resumeRowOut โปรดดูสิ่งที่ฉันเขียนไว้ก่อนหน้านี้ เพิ่มตารางที่สอดคล้องกับเหตุการณ์ให้กับองค์ประกอบของหน้าผ่าน js HTMLview plaincopy ไปยัง clipboardprint?

</div>

<ตาราง cellspacing="1" cellpadding="0" id="ServiceListTable">

<tr>

<th>การบริการมีความสำคัญ</th>

<th>สถานะ</th>

</tr>

<td>เนื้อหาที่เกี่ยวข้อง</td>

</tr>

<td>เนื้อหาที่เกี่ยวข้อง</td>

</tr>

<td>เนื้อหาที่เกี่ยวข้อง</td>

</tr>

<td>เนื้อหาที่เกี่ยวข้อง</td>

</tr>

</ตาราง>

</ร่างกาย>

</html>