Установить цвет фона с помощью JavaScript

Чтобы установить цвет фона с помощью JavaScript, вы можете использовать несколько методов. Вот некоторые из наиболее распространенных:

Метод 1. Изменение цвета фона тела

document.body.style.backgroundColor = "red";

Метод 2: изменение цвета фона определенного элемента по его идентификатору

document.getElementById("elementId").style.backgroundColor = "blue";

Метод 3. Изменение цвета фона определенного элемента с помощью querySelector

document.querySelector(".elementClass").style.backgroundColor = "green";

Метод 4. Изменение цвета фона нескольких элементов с помощью querySelectorAll

var elements = document.querySelectorAll(".elementClass");
for (var i = 0; i < elements.length; i++) {
  elements[i].style.backgroundColor = "yellow";
}

Метод 5. Использование прослушивателей событий для изменения цвета фона триггера события

document.getElementById("buttonId").addEventListener("click", function() {
  document.body.style.backgroundColor = "orange";
});

Метод 6. Изменение цвета фона с помощью встроенного JavaScript в HTML

<button onclick="document.body.style.backgroundColor = 'purple'">Change Color</button>