js 修改style样式

要修改元素的样式，可以使用JavaScript的style属性。

假设有一个id为"myElement"的元素，可以使用以下代码来修改其样式：

var element = document.getElementById("myElement");
element.style.color = "red";
element.style.fontSize = "20px";

上述代码将元素的颜色设置为红色，字体大小设置为20像素。

你还可以通过style属性直接设置多个样式：

var element = document.getElementById("myElement");
element.style.cssText = "color: red; font-size: 20px; background-color: yellow;";

上述代码将元素的颜色设置为红色，字体大小设置为20像素，背景颜色设置为黄色。

另外，你还可以通过classList属性来添加或移除元素的类名，从而改变其样式：

var element = document.getElementById("myElement");
element.classList.add("myClass"); // 添加类名
element.classList.remove("myClass"); // 移除类名

上述代码将元素添加一个名为"myClass"的类，或者从元素中移除该类。

需要注意的是，通过JavaScript修改样式只会直接影响到元素的内联样式（即style属性指定的样式），而不会改变元素的外部样式表（CSS文件中定义的样式）。如果你想修改元素的外部样式表，可以考虑使用添加或移除类名的方式来间接改变样式