要通过 JavaScript 改变元素的样式，需要使用元素的 style 属性。style 属性是一个对象，包含了元素的所有样式属性。可以通过 JavaScript 修改这些样式属性来改变元素的样式。
以下是通过 JavaScript 改变元素样式的步骤：
选择要修改样式的元素，可以使用 document.querySelector 或 document.getElementById 等方法获取元素。
通过元素的 style 属性来访问样式属性。例如，要修改元素的背景颜色，可以使用元素的 style.backgroundColor 属性。
将样式属性设置为新值。例如，要将元素的背景颜色设置为红色，可以使用以下代码：
element.style.backgroundColor = "red";其中，element 是要修改样式的元素对象。
以下是一个示例，将一个按钮的文字颜色修改为蓝色：
<button id="myButton">Click me!</button>var myButton = document.getElementById("myButton");
myButton.style.color = "blue";在上面的示例中，首先获取了 id 为 myButton 的按钮元素，然后将其 style.color 属性设置为蓝色。
需要注意的是，通过 JavaScript 修改元素的样式可能会影响到整个页面的布局和样式，因此应谨慎使用。