Как через js изменить css

Чтобы изменить CSS свойства элемента с помощью JavaScript, вам нужно использовать свойство style объекта HTML элемента. Вы можете обращаться к свойствам CSS напрямую через style, указывая название свойства в camelCase.

Вот несколько примеров, как изменить CSS свойства элемента через JavaScript:

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

const myElement = document.querySelector('.my-element');
myElement.style.backgroundColor = 'blue';

Этот код найдет элемент с классом my-element и изменит его цвет фона на синий.

2. Изменение ширины и высоты

const myElement = document.querySelector('.my-element');
myElement.style.width = '50px';
myElement.style.height = '100px';

Этот код найдет элемент с классом my-element и задаст ему ширину 50 пикселей и высоту 100 пикселей.

3. Изменение цвета текста

const myElement = document.querySelector('.my-element');
myElement.style.color = 'red';

Этот код найдет элемент с классом my-element и изменит цвет текста на красный.

Вы можете изменять множество других свойств CSS, используя этот метод. Просто обращайтесь к свойству style элемента и задайте нужные значения.