การสลับสีแถวในตารางด้วย javascript

25 September 2008 เขียนเมื่อ 16 ปีก่อน โดย Ninenik Narkdee

แถวในตาราง javascript สลับสี

คำสั่ง การ กำหนด รูปแบบ ตัวอย่าง เทคนิค ลูกเล่น การประยุกต์ การใช้งาน เกี่ยวกับ แถวในตาราง javascript สลับสี

ดูแล้ว 21,767 ครั้ง

ก่อนอื่นกำหนด stylesheet ดูโค๊ตด้านล่าง

จากนั้นกำหนด id ให้กำ แท็ก <table> ในตาราง ตามโค๊ตบรรทัดที่ 1 id="mytable"

<table id="mytable" width="50%" border="0" cellspacing="0" cellpadding="0"> <tr> <td>Name</td> <td>Age</td> <td>Sex</td> </tr> <tr> <td>Mike</td> <td>15</td> <td>male</td> </tr> <tr> <td>Linda</td> <td>20</td> <td>female</td> </tr> <tr> <td>Joe</td> <td>14</td> <td>male</td> </tr> <tr> <td>Greg</td> <td>32</td> <td>male</td> </tr> </table>

แล้วใส่ Javascript ในส่วนแท็ก <head>

Output

Name	Age	Sex
Mike	15	male
Linda	20	female
Joe	14	male
Greg	32	male

กด Like หรือ Share เป็นกำลังใจ ให้มีบทความใหม่ๆ เรื่อยๆ น่ะครับ

URL สำหรับอ้างอิง

คำแนะนำ และการใช้งาน

สมาชิก กรุณา ล็อกอินเข้าระบบ เพื่อตั้งคำถามใหม่ หรือ ตอบคำถาม สมาชิกใหม่ สมัครสมาชิกได้ที่ สมัครสมาชิก

ถาม-ตอบ กรุณา ล็อกอินเข้าระบบ
User

Pass

Code
เปลี่ยน

จำข้อมูลการล็อกอิน
เข้าระบบอัตโนมัติ

( หรือ เข้าใช้งานผ่าน Social Login )

ล็อกอินด้วย Line

ล็อกอินด้วย Google

ล็อกอินด้วย Twitter

ล็อกอินด้วย Tiktok

ขอบคุณทุกการสนับสนุน

สนับสนุนเว็บไซต์เรา จ่ายด้วย Truemoney Wallet

20 บาท 50 บาท 100 บาท 300 บาท หรือ ระบุจำนวน