JavaScript menetapkan saiz fon jadual

Jadual ialah komponen yang biasa digunakan dalam halaman web HTML dan CSS boleh digunakan untuk menggayakan jadual. Walau bagaimanapun, kadangkala kita perlu menetapkan saiz fon dalam jadual, yang perlu dilakukan menggunakan JavaScript. Di bawah saya akan menunjukkan kepada anda cara menetapkan saiz fon jadual menggunakan JavaScript.

Mula-mula, buat jadual dalam fail HTML dan berikan jadual ID, seperti ini:

<table id="myTable">
  <tr>
    <th>姓名</th>
    <th>年龄</th>
    <th>性别</th>
  </tr>
  <tr>
    <td>张三</td>
    <td>20</td>
    <td>男</td>
  </tr>
  <tr>
    <td>李四</td>
    <td>22</td>
    <td>女</td>
  </tr>
</table>

Kemudian, dapatkan elemen jadual dalam fail JavaScript dan tetapkan saiz fonnya, Seperti yang ditunjukkan di bawah:

var table = document.getElementById("myTable");
table.style.fontSize = "16px";

Dalam kod di atas, kami mula-mula mendapatkan elemen jadual melalui ID, dan kemudian menggunakan atribut style untuk menetapkan saiz fonnya kepada 16 piksel. Perlu diingatkan di sini bahawa unit dalam CSS perlu dinyatakan dalam bentuk rentetan dalam JavaScript.

Selepas menjalankan kod, kita dapat melihat bahawa semua saiz fon dalam jadual ditetapkan kepada 16 piksel.

Kod di atas hanyalah tetapan saiz fon jadual asas Jika kita memerlukan kawalan yang lebih terperinci, kita boleh menggunakan kaedah getElementsByTagName untuk mendapatkan setiap sel dalam jadual dan menetapkan saiz fon untuk setiap sel ditunjukkan di bawah:

var table = document.getElementById("myTable");
var cells = table.getElementsByTagName("td");

for (var i = 0; i < cells.length; i++) {
  cells[i].style.fontSize = "16px";
}

Dalam kod di atas, kami mendapatkan semua sel dalam jadual melalui kaedah getElementsByTagName, dan kemudian menggunakan gelung untuk menggelung melalui setiap sel dan menetapkan saiz fonnya kepada 16 piksel.

Selain menetapkan saiz fon satu jadual, kami juga boleh menetapkan saiz fon berbilang jadual dalam kelompok melalui JavaScript, hanya dengan melintasi setiap elemen jadual dan menetapkan gayanya.

Ringkasnya, menetapkan saiz fon jadual menggunakan JavaScript adalah sangat mudah, cuma dapatkan elemen jadual dan tetapkan gayanya. Melalui beberapa operasi gelung, kami juga boleh menetapkan saiz fon berbilang jadual dalam kelompok untuk mencapai kawalan yang lebih fleksibel.

Atas ialah kandungan terperinci JavaScript menetapkan saiz fon jadual. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!