JavaScript 点亮颜色 - JavaScript

简介

在 JavaScript 中，要点亮颜色其实很简单。我们可以通过设置元素的 style 属性，来改变其背景色。同时，我们也可以使用 DOM 操作来获得元素，并对其进行样式设置。

改变背景色

要改变元素的背景色，我们可以通过设置其 style 属性中的 background-color 属性。

var element = document.getElementById("myElement");

element.style.backgroundColor = "red";

这里我们使用了 getElementById() 方法来获取页面中的某个元素。然后，我们将这个元素的 style 属性中的 background-color 属性设置为 "red"。这样，该元素的背景色就变为了红色。

获取元素并设置样式

除了直接使用 style 属性之外，我们也可以使用 DOM 操作来获取元素，并对其进行样式设置。

var elements = document.getElementsByClassName("myClass");

for (var i = 0; i < elements.length; i++) {
  elements[i].style.backgroundColor = "green";
}

这里我们使用了 getElementsByClassName() 方法来获取页面中所有指定 class 的元素。然后，我们使用 for 循环遍历这些元素，将它们的 background-color 属性设置为 "green"。这样，所有指定 class 的元素都会被修改。

总结

JavaScript 点亮颜色非常简单，只需要在元素的 style 属性中设置 background-color 就可以了。同时，我们也可以使用 DOM 操作来获取元素，并对其进行样式设置。这样，我们就可以轻松地在页面中实现动态颜色的效果了。