1. Deskripsi
(1) Mengembalikan referensi atau simpul ke elemen sesuai dengan nilai ID dari elemen yang disediakan
document.geteLementById ("tr_th")(2) Mengembalikan referensi atau simpul ke sekelompok elemen sesuai dengan tanda dalam parameter
Document.getElementsByTagname ("TD")2. Menerapkan kode sumber
<! Doctype html public "-// w3c // dtd xhtml 1.0 transisi // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns = "http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "content-type" content = "text/html; charset = UTF-8"/> <title> JAVASCRIPT Gaya # #Cccccc solid; } </style> <script type = "text/javascript">/*** gaya javascript melalui id dan nama*/fungsi setFontColor () {// Dapatkan ID header di tabel var tabid = document.geteLementById ("tr_th"); // atur warna teks header tabid.style.color = "yellow"; // Dapatkan td var tabname = document.geteLementsbyTagname ("td"); // Hitung jumlah td var len = tabname.length; // Transfer TD dalam tabel dan atur warna konten di TD untuk (var i = 0; i <len; i ++) {tabname [i] .style.color = "biru"; } } </script> </head> <body> <table cellpadding="1" cellpacing="0" style="border:1px #CCCCCC solid; width:50%; text-align:center;"> <tr id="tr_th"> <th>work number</th> <th>name</th> <th>age</th> <th>gender</th> </tr> <tr> <td> 2012010101 </td> <td> zhang sansan </td> <td> 23 </td> <td> pria </td> </tr> <tr> <td> 2012010102 </td> <td> </tabel </tdr> </tod> </tdry </tdr> </tdr> </tdr> </tdr> </tdr> </tdu </tdr> </tdr> </tdr> </tdr> </tdr> </tdr> <t/tdr> </tdu </tdr> type = "tombol" value = "set warna" onclick = "setFontColor ()"/> </body> </html>3. Mencapai hasil
(1) Inisialisasi
(2) Klik tombol "Setel Warna"