如何用一个脚本改变多个元素的样式？

要用一个脚本改变多个元素的样式，可以通过以下步骤实现：

首先，使用HTML和CSS创建需要改变样式的元素。给每个元素添加一个唯一的ID或者类名，以便在脚本中选择它们。
在JavaScript中，使用document.getElementById()或document.getElementsByClassName()等方法选择需要改变样式的元素。这些方法可以通过元素的ID或类名来选择元素。
创建一个函数，用于改变元素的样式。可以使用元素.style属性来修改元素的样式属性，例如元素.style.color = "red"可以改变元素的文字颜色为红色。
在函数中，使用循环遍历选择到的元素，并调用改变样式的代码。
在需要改变样式的时候，调用这个函数即可。

以下是一个示例代码：

<!DOCTYPE html>
<html>
<head>
  <style>
    .my-element {
      width: 100px;
      height: 100px;
      background-color: blue;
    }
  </style>
</head>
<body>
  <div id="element1" class="my-element"></div>
  <div id="element2" class="my-element"></div>
  <div id="element3" class="my-element"></div>

  <script>
    function changeStyle() {
      var elements = document.getElementsByClassName("my-element");
      for (var i = 0; i < elements.length; i++) {
        elements[i].style.backgroundColor = "red";
      }
    }

    // 调用函数改变样式
    changeStyle();
  </script>
</body>
</html>

在上面的示例中，我们创建了三个具有相同类名的div元素，并使用脚本将它们的背景颜色改为红色。你可以根据需要修改样式改变的方式和属性。

腾讯云相关产品和产品介绍链接地址：