在前端开发中，使用JavaScript动态修改页面样式是非常常见的操作。无论是调整元素的字体大小，还是改变背景颜色，都可以通过`style`属性或CSS类来实现。那么如何用JavaScript优雅地操作呢？😉
首先，让我们聊聊`style`属性。它可以直接在JavaScript中设置HTML元素的内联样式。比如：`document.getElementById('box').style.color = 'red';` 就能将id为"box"的元素文字变成红色。简单直接，适合临时的小改动！🎨
接着是CSS类的运用。如果你需要频繁切换样式，或者想让代码更模块化，推荐使用`classList`。例如：`document.querySelector('.btn').classList.add('active');` 可以轻松给按钮添加一个名为"active"的类，这样就能触发对应的CSS规则啦！💪
两者结合使用，可以让你的网页更加灵活有趣！🌈