2015-12-06 6 views
-1

Я работаю над чем-то, где мне нужно будет вернуть стиль элемента и напечатать его на самой HTML-странице. Хорошо, я знаю, как печатать, но проблема в том, как получить элемент. Для того, чтобы проверить, если он будет печатать стиль я попыталсяПолучить стиль элемента с JavaScript

console.log(document.getElementById('something').style.fontSize); 

но возвращает неопределенное значение, даже если «что-то» имеет размер набора шрифтов.

+0

Почему вы хотите это сделать? Необходимость/желание «читать» стиль из элемента часто является признаком того, что каким-то образом пытается поддерживать состояние приложения в информации о стиле, и обычно есть лучшие способы приблизиться к вещам. –

ответ

7

Вам нужно получить вычисленный стиль.

getComputedStyle(document.getElementById('something'), null); 

Так замените код с:

console.log(getComputedStyle(document.getElementById('something'), null) 
    .getPropertyValue("fontSize")); 

См Window. getComputedStyle()

+0

В нем говорится: 'Uncaught TypeError: не удалось выполнить 'getComputedStyle' в 'Window': параметр 1 не относится к типу« Элемент ». – SirMaxime

+0

@SirMaxime. В противном случае вы указываете неверный идентификатор ... –

+0

@SirMaxime Не оставляйте недопустимые ответы как это после того, как вы примете. Но, пожалуйста, дайте нам знать, в чем проблема. Это неэтично. –