Javascript，當顏色改變時改變css背景圖像

Question

我為我的論壇制作了這個腳本，我想知道是否有人可以幫助我，當顏色變為紅色時，我希望背景圖像為：

/images/redshield.png

並在綠色

/images/greenshield.png

這是腳本

function flashy(index) {
    setTimeout(function() {
        if (index > 1) {
            index = 0;
            for (x = 0; x < document.getElementsByClassName('style113').length; x++) {
                document.getElementsByClassName('style113')[x].style.color = 'Lime';
            }
        } else {
            for (x = 0; x < document.getElementsByClassName('style113').length; x++) {
                document.getElementsByClassName('style113')[x].style.color = 'Red';
            }
        }
        index++;
        flashy(index);
    }, 100);
}

Answer 1

這實際上取決於你想要改變背景圖像的元素是什么，但猜測它是獲得顏色屬性的相同元素，然后：

function flashy(index){
 setTimeout(function(){
  if(index > 1){
   index = 0;for(x = 0; x <            document.getElementsByClassName('style113').length; x++){
    document.getElementsByClassName('style113')[x].style.color = 'Lime';
    document.getElementsByClassName('style113')[x].style.backgroundImage = "url('/images/greenshield.png')";
   }
  }else{
   for(x = 0; x < document.getElementsByClassName('style113').length; x++){
    document.getElementsByClassName('style113')[x].style.color = 'Red';
    document.getElementsByClassName('style113')[x].style.backgroundImage = "url('/images/redshield.png')";
    }
  }index++;flashy(index);
 }, 100);
}