如何分别设置数组元素的样式

设置数组元素的样式可以通过以下几种方式实现：

使用HTML和CSS：可以将数组元素放在HTML的某个容器中，然后使用CSS选择器来设置元素的样式。例如，可以给数组元素添加一个class属性，然后在CSS中定义该class的样式。示例代码如下：

HTML:

<div class="array-container">
  <span class="array-element">元素1</span>
  <span class="array-element">元素2</span>
  <span class="array-element">元素3</span>
</div>

CSS:

.array-element {
  color: red;
  font-weight: bold;
}

使用JavaScript和DOM操作：可以使用JavaScript来动态地设置数组元素的样式。通过获取数组元素的DOM节点，然后使用DOM操作方法来设置样式。示例代码如下：

HTML:

<div id="array-container">
  <span class="array-element">元素1</span>
  <span class="array-element">元素2</span>
  <span class="array-element">元素3</span>
</div>

JavaScript:

var arrayElements = document.getElementsByClassName("array-element");
for (var i = 0; i < arrayElements.length; i++) {
  arrayElements[i].style.color = "red";
  arrayElements[i].style.fontWeight = "bold";
}