如何在循环反应中设置样式

<style>
  .red {
    color: red;
  }
  .blue {
    color: blue;
  }
</style>

<script>
  // 假设有一个包含多个元素的数组
  var elements = document.getElementsByClassName('element');

  // 在循环中为每个元素添加不同的类名
  for (var i = 0; i < elements.length; i++) {
    if (i % 2 === 0) {
      elements[i].classList.add('red');
    } else {
      elements[i].classList.add('blue');
    }
  }
</script>

<script>
  // 假设有一个包含多个元素的数组
  var elements = document.getElementsByClassName('element');

  // 在循环中为每个元素设置不同的内联样式
  for (var i = 0; i < elements.length; i++) {
    if (i % 2 === 0) {
      elements[i].style.color = 'red';
    } else {
      elements[i].style.color = 'blue';
    }
  }
</script>