Как получить css свойство js

Чтобы получить CSS свойство в JavaScript, можно использовать метод getComputedStyle(). Этот метод возвращает объект, который содержит все вычисленные стили элемента, включая значения CSS свойств.

Пример:

HTML:

<div id="myDiv">Hello World!</div>

CSS:

#myDiv {
  font-size: 20px;
  color: red;
}

JavaScript:

const myDiv = document.getElementById("myDiv");
const computedStyle = window.getComputedStyle(myDiv);
const fontSize = computedStyle.getPropertyValue("font-size");
const color = computedStyle.getPropertyValue("color");

console.log(fontSize); // "20px"
console.log(color); // "rgb(255, 0, 0)"

В этом примере мы получаем элемент с id «myDiv», затем используем getComputedStyle() для получения всех вычисленных стилей элемента. Затем мы используем метод getPropertyValue() для получения значения конкретного CSS свойства. В этом случае мы получаем значения «font-size» и «color».