Я пытаюсь извлечь данные CSS из элемента, но по какой-то причине наткнулся на стену. Я смотрел и пытался настроить одну и ту же строку кода в течение часа, и все время получаю undefined или NaN.

Вот сокращенный js:

var newVar = document.getElementById("cssItem").style.top;

CSS:

#cssItem {
position:   absolute;
top:        100px;
left:       100px;
width:      600px;
height:     400px; 
}

Опять же, каждый раз, когда я регистрирую newVar, он возвращается undefined или NaN.

0
Ben Tinsley 1 Фев 2013 в 08:56

1 ответ

Лучший ответ

Node.style работает только для встроенных стилей. Если вы хотите получить визуализированный стиль, используйте это:

var newVar = window.getComputedStyle( document.getElementById("cssItem") ).top;

Вот сценарий: http://jsfiddle.net/q93B6/

2
Joseph Silber 1 Фев 2013 в 08:59