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

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

var element = document.getElementById("yourElementId");
element.style.property = "value";

Например, если вы хотите добавить красный цвет фона к элементу с идентификатором yourElementId, вам следует использовать следующий код:

var element = document.getElementById("yourElementId");
element.style.backgroundColor = "red";

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

var element = document.getElementById("yourElementId");
element.setAttribute("style", "property: value;");

Используя этот метод, вы можете установить сразу несколько свойств, разделенных точкой с запятой:

var element = document.getElementById("yourElementId");
element.setAttribute("style", "background-color: red; color: white;");

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

var element = document.getElementById("yourElementId");
element.style.cssText = "property: value;";

Аналогично вы можете установить несколько свойств одновременно, используя свойство CSSText:

var element = document.getElementById("yourElementId");
element.style.cssText = "background-color: red; color: white;";

Эти методы позволяют динамически добавлять встроенные стили к элементам HTML с помощью JavaScript.