更改 JSON 数组中单个元素的颜色答案

【问题标题】：Changing the color of individual elements in a JSON Array更改 JSON 数组中单个元素的颜色
【发布时间】：2020-07-14 21:02:59
【问题描述】：

我有用于创建类型编写器效果的 HTML 和原版 JS 代码。我想让数组的每个元素以不同的颜色出现在屏幕上。这是我的示例代码：

window.onload = function() {
  var elements = document.getElementsByClassName('txt-rotate');
  for (var i = 0; i < elements.length; i++) {
    var toRotate = elements[i].getAttribute('data-rotate');
    var period = elements[i].getAttribute('data-period');
    if (toRotate) {
      new TxtRotate(elements[i], JSON.parse(toRotate), period);
    }
  }
};

<h1 class="big-title">ANIMALS
  <span class="txt-rotate" data-period="2000" data-rotate='[ "DOG", "CAT", "BEAR"]'>
          </span>
</h1>

谢谢！

【问题讨论】：

什么是TxtRotate？
这似乎需要在TxtRotate 类中。它应该在旋转数组时改变颜色。
TxtRotate 是我的函数，它通过删除和重新键入数据旋转数组中的元素来更改文本
因为它是在改变文本，所以它也需要改变颜色。它可以分配给div.style.color

标签： javascript html css arrays json

【解决方案1】：

我的建议是像@Barmar 提到的那样使用 style.color，但这是我个人最喜欢的，我认为它是特定于 ajax 的

$.("#txt-rotate").css("color", "#ff0000");

【讨论】：