如何使用 JavaScript 更改文本的字体粗细？

在网页开发中，我们经常需要动态地修改文本的样式，包括字体的粗细。使用 JavaScript，我们可以轻松地通过操作文档对象模型（DOM）来修改文本的字体粗细。

以下是使用 JavaScript 更改文本字体粗细的一般步骤：

1. 获取要修改的文本元素

首先，我们需要获取要修改字体粗细的文本元素。可以使用document.getElementById、document.getElementsByClassName或document.querySelector等方法，根据元素的ID、类名或选择器来获取对应的元素。例如，假设我们有一个具有ID为myText的HTML元素：

<p id="myText">Hello World!</p>

我们可以使用以下代码来获取这个元素：

const textElement = document.getElementById('myText');

2. 修改文本元素的样式

一旦我们获取到要修改的文本元素，就可以通过修改其样式属性来改变字体的粗细。字体粗细的样式属性是fontWeight。

要将字体设置为粗体，可以将fontWeight设置为"bold"。要将字体设置为正常（非粗体），可以将fontWeight设置为"normal"。

以下是示例代码，演示了如何将字体粗细修改为粗体（bold）：

// 获取要修改的文本元素
const textElement = document.getElementById('myText');

// 修改文本元素的字体粗细为粗体
textElement.style.fontWeight = "bold";

同样，如果我们想将字体粗细修改为正常（非粗体），可以将示例代码中的"bold"替换为"normal"。

完整示例

const textElement = document.getElementById('myText');
textElement.style.fontWeight = "bold";

以上示例代码中的"myText"应替换为你要修改字体粗细的文本元素的实际ID。

希望这个介绍对你理解如何使用 JavaScript 更改文本的字体粗细有所帮助！你可以根据自己的需求进一步探索和应用这个概念。