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

Question

Olga Pejenkova · Accepted Answer

Чтобы изменить CSS через JavaScript, вы можете использовать методы доступа к элементам DOM и изменить их стили напрямую. Вот несколько способов сделать это:

1. Используя свойства `style` элемента:

```javascript
document.getElementById("myElement").style.color = "red";
document.getElementById("myElement").style.fontSize = "20px";
```

2. Используя метод `setAttribute`:

```javascript
document.getElementById("myElement").setAttribute("class", "newClassName");
```

3. Используя классы CSS:

```javascript
document.getElementById("myElement").classList.add("newClass");
```

4. Используя метод `querySelector` для выбора элемента и метод `style.setProperty` для изменения свойства CSS:

```javascript
document.querySelector("#myElement").style.setProperty("color", "blue");
```

5. Используя метод `style.cssText` для установки нескольких свойств CSS:

```javascript
document.getElementById("myElement").style.cssText = "color: red; font-size: 20px;";
```

Это лишь некоторые из способов изменения CSS через JavaScript. Выберите подходящий для вашего случая и используйте его для изменения стилей вашего веб-сайта.

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

Ответы

Каталог