1. คำอธิบาย
(1) ส่งคืนการอ้างอิงหรือโหนดไปยังองค์ประกอบตามค่า id ขององค์ประกอบที่ให้ไว้
document.getElementById ("tr_th")(2) ส่งคืนการอ้างอิงหรือโหนดไปยังกลุ่มขององค์ประกอบตามเครื่องหมายในพารามิเตอร์
document.getElementByTagname ("TD")2. ใช้ซอร์สโค้ด
<! doctype html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns = "http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "content-ype" content = "text/html; charset = utf-8"/> <title> javascript styles 1px #CCCCCC SOLID; } </style> <script type = "text/javascript">/*** javascript styles ผ่าน id และชื่อ*/ฟังก์ชัน setFontColor () {// รับ ID ส่วนหัวในตาราง var tabid = document.getElementById ("tr_th"); // ตั้งค่าสีของข้อความส่วนหัว tabid.style.color = "เหลือง"; // รับ td var tabname = document.getElementsByTagname ("td"); // คำนวณจำนวน td var len = tabname.length; // transf td ในตารางและตั้งค่าสีเนื้อหาใน td สำหรับ (var i = 0; i <len; i ++) {tabname [i] .style.color = "blue"; }} </script> </head> <body> <table cellpadding = "1" cellpacing = "0" style = "border: 1px #cccccc solid; width: 50%; text-allign: center;"> <tr id = "tr_th"> <th> <td> 2012010101 </td> <td> Zhang Sansan </td> <td> 23 </td> <td> ชาย </td> </tr> <tr> <td> 20120102 </td> <td> liu sisi </td> <td> </td> </td> type = "button" value = "set color" onclick = "setFontColor ()"/> </body> </html>3. บรรลุผลลัพธ์
(1) การเริ่มต้น
(2) คลิกปุ่ม "ตั้งค่าสี"