1

Тема: Получить стиль элемента DOM из CSS файла

Есть такой участок кода в DOM:

<div class="loader">
<img src="/img/preloader.gif">
</div>

CSS:

.loader {
    display: none;
    height: 120px;
    left: 50%;
    margin-left: -60px;
    position: fixed;
    top: 305px;
    width: 120px;
}

Для класса . loader в коде стили явно не заданы, но в css-файле они присутствуют.

        var getvalue = window.document.querySelector(".loader").style["display"];
        
        alert(getvalue); // ничего не выведет 

Необходимо получить значение стиля "display" класса .loader из файла CSS.

    var getvalue = window.document.querySelector(".loader"); //
    getvalue = getComputedStyle(getvalue).display;

        alert(getvalue); // выведет "none"

Поделиться