Как из JS получить значение свойства CSS класса определенного элемента?

Question

[kodwi]

Есть div, у него css класс. Хочу добавить логику на js, в которой нужно использовать начальное значение определенного свойства этого класса. Т.е. допустим - во внешнем css файле описан класс test со свойствами left и top, в html есть div с этим классом. Нужно, чтобы после загрузки страницы создавались другие элементы вокруг него, т.е. для этого надо получить его координаты, которые прописаны в том классе.

Чтобы получить значения свойств таким образом:

var obj = document.getElementsByClassName('test')[0];
var left = obj.style.left;
var top = obj.style.top;

то, как я понял, css должен быть прописан в атрибуте style у тега.

Как вытащить их из самого класса?

Comments

[copal]

Если Вам нужны именно стили, то getComputedStyle, если координаты то getBoudingClientRect.