JavaScript legt die Schriftgröße der Tabelle fest

Tabellen sind häufig verwendete Komponenten in Webseiten. HTML und CSS können zum Gestalten von Tabellen verwendet werden. Manchmal müssen wir jedoch die Schriftgröße in der Tabelle festlegen, was mithilfe von JavaScript erfolgen muss. Im Folgenden zeige ich Ihnen, wie Sie die Schriftgröße der Tabelle mithilfe von JavaScript festlegen.

Erstellen Sie zunächst eine Tabelle in einer HTML-Datei und geben Sie der Tabelle eine ID wie diese:

<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>

Holen Sie sich dann das Tabellenelement in eine JavaScript-Datei und legen Sie seine Schriftgröße wie folgt fest:

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

Im obigen Code Wir erhalten zunächst das Tabellenelement über die ID und verwenden dann das Attribut style, um seine Schriftgröße auf 16 Pixel festzulegen. Hierbei ist zu beachten, dass Einheiten in CSS in JavaScript in String-Form angegeben werden müssen. style 属性设置其字体大小为 16 像素。这里需要注意的是，CSS 中的单位在 JavaScript 中需要用字符串形式指定。

运行代码后，我们可以看到表格中所有字体大小都被设置为 16 像素。

上述代码只是基本的表格字体大小设置，如果我们需要更加细致的控制，可以使用 getElementsByTagName 方法获取表格中的每个单元格，并对每个单元格进行字体大小设置，如下所示：

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

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

在上述代码中，我们通过 getElementsByTagName

rrreee

Das obige ist der detaillierte Inhalt vonJavaScript legt die Schriftgröße der Tabelle fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!