使用 JavaScript 优雅地操作样式

在前端开发中，操作样式是一项非常重要的任务。JavaScript 提供了丰富的功能来操作 HTML 元素的样式，使得我们可以通过编程方式修改网页的外观和交互效果。本文将介绍一些使用 JavaScript 操作样式的常用方法，并提供相应的源代码示例。

1. 通过 ID 获取元素

首先，我们需要获取要操作的 HTML 元素。可以使用 getElementById 方法根据元素的 ID 获取到对应的 DOM 对象。下面是一个示例，假设我们有一个带有 ID 为 “myElement” 的 <div> 元素：

const element = document.getElementById("myElement");

2. 修改元素的样式属性

获取到元素后，我们可以通过修改其样式属性来改变其