Методы установки цвета фона в JavaScript с использованием встроенных стилей

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

Метод 1. Использование свойства стиля элемента HTML

<div id="myElement" ></div>
<script>
  var element = document.getElementById("myElement");
  element.style.backgroundColor = "blue";
</script>

Метод 2: использование метода setAttribute()

<div id="myElement"></div>
<script>
  var element = document.getElementById("myElement");
  element.setAttribute("style", "background-color: green;");
</script>

Метод 3. Использование свойства style.cssText

<div id="myElement"></div>
<script>
  var element = document.getElementById("myElement");
  element.style.cssText = "background-color: yellow;";
</script>

Метод 4. Использование метода style.setProperty()

<div id="myElement"></div>
<script>
  var element = document.getElementById("myElement");
  element.style.setProperty("background-color", "orange");
</script>

Метод 5. Непосредственное использование свойства element.style.backgroundColor

<div id="myElement"></div>
<script>
  var element = document.getElementById("myElement");
  element.style.backgroundColor = "purple";
</script>