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

1. Встроенные стили. Вы можете применять стили непосредственно к элементам HTML, используя атрибут style. Например:

   <div >This is some text</div>

2. Управление именами классов. Вы можете добавлять, удалять или переключать классы CSS с помощью JavaScript. Определите свои стили в файле CSS, а затем измените свойство classNameэлемента. Например:

   <style>
   .red-text {
       color: red;
       font-size: 16px;
   }
   </style>
   <div id="myElement">This is some text</div>
   <script>
   var element = document.getElementById("myElement");
   element.classList.add("red-text");
   </script>

3. Использование свойства style. Вы можете напрямую получить доступ к свойству styleи изменить его с помощью JavaScript. Например:

   <div id="myElement">This is some text</div>
   <script>
   var element = document.getElementById("myElement");
   element.style.color = "red";
   element.style.fontSize = "16px";
   </script>

Это всего лишь несколько способов добавления стилей с помощью JavaScript. Не забудьте выбрать метод, который лучше всего подходит для вашего конкретного случая использования.