js 控制字体大小

在JavaScript中，您可以使用DOM（文档对象模型）来控制网页上文本的字体大小。以下是一些示例代码，演示如何使用JavaScript来改变字体大小：

通过CSS样式更改字体大小：
您可以使用JavaScript来直接修改CSS样式中的字体大小属性。假设您有一个HTML元素如下：

<p id="text">这是一个文本示例</p>

您可以使用JavaScript来更改其字体大小：

// 获取文本元素
var textElement = document.getElementById("text");

// 更改字体大小
textElement.style.fontSize = "20px"; // 20px是您希望的字体大小

使用JavaScript中的内联样式：
另一种方法是通过直接在元素的style属性中设置字体大小，而不是通过CSS类。例如：

var textElement = document.getElementById("text");
textElement.style.fontSize = "20px";

使用类名来切换不同的字体大小：
您可以为不同的字体大小创建CSS类，然后使用JavaScript来切换这些类。例如：

<p id="text" class="small">这是一个文本示例</p>

CSS：

.small {
    font-size: 14px;
}

.large {
    font-size: 20px;
}

JavaScript：

var textElement = document.getElementById("text");

// 添加大字体类
textElement.classList.add("large");

// 删除小字体类
textElement.classList.remove("small");

这些示例演示了如何使用JavaScript来控制文本的字体大小。您可以根据需要选择适当的方法，并根据自己的项目需求来修改字体大小。