javascript 修改css_代码示例

JavaScript可以通过修改CSS来改变网页元素的样式。要修改CSS，可以使用元素的style属性来访问和修改其样式属性。

例如，我们有一个id为"myElement"的元素，我们想要通过JavaScript修改它的背景颜色。我们可以使用以下代码来实现：

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

在这个示例中，我们首先使用`document.getElementById`方法获取到id为"myElement"的元素，并将其赋值给变量`element`。然后，我们通过访问`element.style`来获取元素的样式属性。通过将`backgroundColor`属性设置为"red"，我们成功地将元素的背景颜色修改为红色。

除了修改单个样式属性外，我们还可以同时修改多个样式属性。例如，我们可以同时修改元素的背景颜色和字体颜色：

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

在这个示例中，我们通过将`color`属性设置为"white"，将元素的字体颜色修改为白色。

通过JavaScript修改CSS样式，我们可以实现动态的样式变化，为网页增加交互性和视觉效果。