я пытаюсь изменить все коды черного цвета на коды белого цвета

Question

Я сгенерировал код TWBSColor, и я хочу поменять все коды черного цвета на белый или другой цвет в определенное время (я использую код js для поиска фактического часа).то есть, если сейчас 12 часов вечера, все черные коды меняются на белый путем поиска черных кодов и замены их на белый цвет кода.

   <script>var thehours = new Date().getHours();
        if (thehours >= 8 && thehours < 20) {
            document.body.style.backgroundColor = "white";
            document.getElementById("liniasexy").background='linear- 
gradient(to right, black, #f07f00)';
        } else if (thehours >= 20 && thehours < 8) {
            document.body.style.backgroundColor = "black";

        }
    </script> 

Я использую это для изменения цвета фона.

Answer 1

Вы можете добавить свойство class ко всем элементам, для которых вы хотите переключить фон, и использовать document.querySelectorAll ('selectors') , например:

var toggleBackgroundItems = document.querySelectorAll(".toggle_bg");
toggleBackgroundItems.forEach(function(item) {
  item.backgroundColor = 'white';
});

Рабочий пример :

function toggleBg() {
  var toggleBackgroundItems = document.querySelectorAll(".toggle_bg");
  toggleBackgroundItems.forEach(function(item) {
    if(item.style.backgroundColor === 'black') {
      item.style.backgroundColor = 'white';
      item.style.color = 'black';
    } else {   
      item.style.backgroundColor = 'black';
      item.style.color = 'white';
    }
  });
}

#container {
  display:flex
}

#container span {
  width: 50px;
  height: 50px;
  text-align: center;
  border: 1px solid #000;
}

.blue {
 background-color: blue;
}

.green {
 background-color: green;
}

<button onclick="toggleBg()">Toggle background color</button>
<br><br>
<p class="toggle_bg">A paragraph</p>
<div id="container">
  <span class="blue">Blue</span>
  <span class="toggle_bg">Toggle</span>
  <span class="green">Green</span>
  <span class="toggle_bg">Toggle</span>
  <span class="toggle_bg">Toggle</span>
  <span class="green">Green</span>
  <span class="blue">Blue</span>
</div>

Answer 2

A Объект DOM Element не содержит свойства с именем background, вы должны установить значение для свойства style этого объекта, например:

document.getElementById("liniasexy").style.background='linear-gradient(to right, black, #f07f00)';