ตารางการประมวลผล JS แก้ไขตาราง

แบบฟอร์มการประมวลผล JS

1. การแสดงช่วงสีของเส้น

สไตล์ CSS: ตัวเลือกสองตัว

การคัดลอกรหัสมีดังนี้:

<style type = "text/css">

.หนึ่ง{

พื้นหลังสี:#33FFCC;

-

.สอง{

backgound-color:#ffff66;

-

</style>

<script type = "text/javascript">

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

// สีของเส้นช่วงเวลาควบคุมจะแสดงแตกต่างกัน

-

var tabnode = document.getElementsByTagname ("ตาราง") [0];

// รับโหนดตาราง

var trs = tabnode.rows;

// รับแถวทั้งหมดในตาราง

สำหรับ (var x = 1; x <trs.length; x ++)

-

ถ้า (x%2 == 1)

trs [x] .className = "หนึ่ง";

อื่น

trs [x] .className = "สอง";

-

-

// ใช้วิธีการ ONLOAD หลังจากโหลดหน้าเว็บแล้วให้เรียกใช้วิธี TRCOLOR เพื่อรับรู้สีของแถวเว้นระยะของตาราง

window.onload = function ()

-

trcolor ();

-

</script>

2. เลื่อนเมาส์ไปยังเส้นที่แน่นอนเปลี่ยนเส้นและเพิ่มสีสันให้สีจากนั้นเลื่อนออกไปเพื่อกู้คืนสีดั้งเดิม

การคัดลอกรหัสมีดังนี้:

<style type = "text/css">

.เกิน{

พื้นหลังสี: ## 00FF00;

-

<style>

<script type = "text/javascript">

ชื่อ var;

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

-

var tabnode = document.geteletsbyTagname ("ตาราง") [0];

// ผ่าน A for loop เพิ่ม onmouseover และ onmouseout แอตทริบิวต์ไปยังแต่ละแท็ก TR TR

สำหรับ (var x = 0; x <trs [x] .length; x ++)

-

trs [x] .onmouseover = function ()

-

name = this.className;

this.className = "over";

-

tes [x] .onmouseout = function ()

-

this.className = ชื่อ;

-

-

-

</script>