javascript中改变css-代码示例

JavaScript中可以通过修改元素的style属性来改变其CSS样式。我们可以使用document.getElementById()方法获取到需要改变样式的元素，然后通过修改其style属性来改变CSS样式。style属性是一个对象，可以通过设置其属性值来改变元素的CSS样式。

例如，假设我们有一个id为"myElement"的元素，我们想要改变它的背景颜色为红色，可以使用以下代码：

var element = document.getElementById("myElement");
element.style.backgroundColor = "red";

在上面的代码中，我们首先使用document.getElementById()方法获取到id为"myElement"的元素，并将其赋值给变量element。然后，我们通过修改element对象的style属性的backgroundColor属性来改变元素的背景颜色为红色。

同样的道理，我们可以通过修改其他属性来改变元素的其他CSS样式。例如，我们可以通过修改元素的color属性来改变其文字颜色：

element.style.color = "blue";

上面的代码将元素的文字颜色改变为蓝色。

除了直接设置属性值，我们还可以使用style属性的setProperty()方法来改变元素的CSS样式。该方法接受两个参数，第一个参数是要改变的CSS属性的名称，第二个参数是要设置的属性值。

例如，我们可以使用setProperty()方法将元素的字体大小设置为20像素：

element.style.setProperty("font-size", "20px");

上面的代码将元素的字体大小设置为20像素。

通过修改元素的style属性，我们可以方便地在JavaScript中改变元素的CSS样式。