js实现动态改变字体大小代码

在JavaScript中，动态改变字体大小可以通过修改HTML元素的`style.fontSize`属性来实现。以下是一个简单的示例，展示了如何使用JavaScript来动态改变一个元素的字体大小：

// 假设有一个id为'textElement'的元素
var element = document.getElementById('textElement');

// 定义一个函数来改变字体大小
function changeFontSize(size) {
  // 设置元素的字体大小为传入的size参数值
  // 注意：size应该是有效的CSS字体大小值，如'16px', '2em'等
  element.style.fontSize = size;
}

// 调用函数来改变字体大小为18像素
changeFontSize('18px');

// 也可以设置定时器来定期改变字体大小，作为示例
setInterval(function() {
  // 简单的逻辑来在'12px'和'24px'之间切换
  var currentSize = parseInt(element.style.fontSize, 10) || 12; // 如果没有设置fontSize，则默认为12
  var newSize = currentSize === 12 ? '24px' : '12px';
  changeFontSize(newSize);
}, 1000); // 每1000毫秒（1秒）改变一次

这段代码首先通过`document.getElementById`获取了一个ID为`textElement`的DOM元素。然后定义了一个`changeFontSize`函数，该函数接受一个参数`size`，该参数指定了新的字体大小（应该是有效的CSS字体大小值，如`'16px'`、`'2em'`等）。通过修改`element.style.fontSize`属性，我们可以动态地改变元素的字体大小。

此外，代码中还包含了一个使用`setInterval`的示例，该示例每秒钟改变一次字体大小，在`'12px'`和`'24px'`之间切换，以展示如何动态地调整字体大小。注意，这里使用了`parseInt`函数来尝试将当前的`fontSize`转换为整数，以便进行简单的比较。然而，由于`fontSize`可能是`'16px'`这样的字符串，所以直接比较可能不准确。因此，在示例中，如果`fontSize`无法被解析为整数，就默认为`'12px'`。在实际应用中，你可能需要根据具体情况来调整这个逻辑。