getComputedStyle()
Обновлено: 15.03.2023
Визначення та використання
Метод getComputedStyle()отримує обчислені властивості CSS і значення елемента HTML.
Метод getComputedStyle()повертає CSSStyleDeclaration object.
Приклад
Отримайте обчислений фоновий колір елемента:
const element = document.getElementById("test");
const cssObj = window.getComputedStyle(element, null);
let bgColor = cssObj.getPropertyValue("background-color");Обчислений стиль
Обчислений стиль — це стиль, який використовується для елемента після застосування всіх джерел стилів.
Джерела стилів: зовнішні та внутрішні таблиці стилів, успадковані стилі та стандартні стилі браузера.
Синтаксис
window.getComputedStyle(element, pseudoElement)
Параметри
| Параметр | Опис |
| element | Вимагається. Елемент, для якого потрібно отримати обчислений стиль. |
| pseudoElement | Додатково. Псевдоелемент, який потрібно отримати. |
Повернене значення
| Тип | опис |
| Об'єкт | Об’єкт CSSStyleDeclaration з усіма властивостями CSS і значеннями елемента. |