怎么通过js修改styles的元素值呀

提问区
1

通过JavaScript来修改元素的样式值可以使用style属性，例如：

// 获取元素
var element = document.getElementById("myElement");

// 修改样式值
element.style.color = "red";
element.style.fontSize = "20px";

上面的代码通过getElementById方法获取了id为"myElement"的元素，并通过修改其style属性来改变颜色为红色，字体大小为20像素。

你也可以使用querySelector方法来选择元素，例如：

// 获取元素
var element = document.querySelector(".myClass");

// 修改样式值
element.style.backgroundColor = "blue";
element.style.padding = "10px";

这个例子使用了querySelector方法通过类名".myClass"选择元素，并通过修改样式属性来改变背景颜色为蓝色，内边距为10像素。

注意，通过style属性修改样式值是直接作用于元素的内联样式，如果存在外部样式表或内嵌样式表设置了相同的样式属性，可能会被覆盖。如需全局修改样式，最好通过修改类名或添加样式规则来实现。