Question

我只需要更改数组中的颜色

var colorr = ["#008000", "#e0ffc1", "#ffc1e1", "#cc0000"];  
<span class='badge' style='background-color: colorr[0]; font-size: 25px ;'>

我该怎么做？

Answer 1

使用jQuery（当然;））

$(".badge").css('background-color', colorr[0]);

您需要找到一种方法来选择您的元素。此示例使用类选择器。您也可以为其指定ID，然后使用$("#theid")代替。

或者使用jQuery提供的任何其他选择器机制，请参阅：http://api.jquery.com/category/selectors/

Answer 2

只需这样：

 $(".badge").css({backgroundColor: colorr[0]});

Live example here

Answer 3

使用JS

document.getelementsbyclassname('badge')[0].style.backgroundColor = colorr[0];

Answer 4

如果需要继续更改数组中的颜色，您可以执行以下操作：

var elements = document.getElementsByClassName('badge');
var colorr = ["#008000", "#e0ffc1", "#ffc1e1", "#cc0000"];
var index = 0;
setInterval(function () {
    index = (index + 1) % (colorr.length);
    for (var i = 0; i < elements.length; i++) {
        elements[i].style.backgroundColor = colorr[index];
    }
}, 5000);

Answer 5

试试这个

使用

$(".badge:eq(3)").css('background-color', colorr[0]);

或者

$("span.badge:eq(3)").css('background-color', colorr[0]);

它将颜色应用于第四个范围，具有类.badge

请参阅demo

Answer 6

$.each(colorr , function(i, item) { 
    $(".badge").css('background-color', item); 
});

Answer 7

请尝试以下

使用脚本标记中的函数

function load() {
        var colorr = ["#008000", "#e0ffc1", "#ffc1e1", "#cc0000"];

        var sp = document.getElementById('span1');
        sp.style.backgroundColor = colorr[0];
    }

在body标签的onload属性中添加函数load（）。

Answer 8

你可以在 html 和下面的 ts 或 js 文件中使用它

     switch (para) {    
      case "abc": return '#7C8DFF'; 
      case "xyz": return '#5C2DFD'; 
    }

使用变量更改颜色

8 个答案: