Как получить высоту блока на JS в FF?

Question

[DrunkMaster]

На странице много одинаковых блоков с class="myclass" мне нужно получить высоту этих блоков, для этого получим высоту первого (нулевого) из массива:

var arr = document.getElementsByClassName('myclass')[0];
var style = window.getComputedStyle(arr, null);
var BW = style.getPropertyValue('border-width');
colnsole.log(BW );

В Хроме код работает и корректно отдаёт высоту, в FF и IE11 значение BW отказывается пустым. В чём здесь допущена ошибка кроссбраузерности?

Answer 1

[Павел]

Точно сказать не могу но как по мне в 2017 уже можно использовать document.querySelector для поиска в документе. В IE8+ поидее будет работать.

Comments

[DrunkMaster]

Да сработало
var el = document.querySelector(".myclass");
но дальше всё равно не особо понятно как отсюда получить значение размера рамки блока блока, например варианты:

var b = el.border;
    var b = el.clientBorder;
    var b = el.clientBorderWidth;

Все выдаёют undefined. Другие варианты просто выдают синтаксическую ошибку

[Егор Живагин]

DrunkMaster, console.log(el)

А дальше разворачивать объект и искать нужное свойство.

[DrunkMaster]

Егор Живагин, да я пробовал только console.dir а не log все мои поиски окончились неудачей, то ли его там нет (может такое быть?) то ли я его не могу найти...

[Павел]

DrunkMaster, в результате вы получаете dom ноду и можете прочитать или установить из нее стили обратившись к св-ву style т.е el.style.border, чтобы лучше разобраться полазайте в документации dom api, но проще всего вам использовать jquery/jqlite имхо

[DrunkMaster]

Павел, border тоже undefined проверял

[Павел]

не может быть,если border не установлена то вернет пустую строку
используйте консоль чтобы посмотреть объект и все св-ва которые у него есть,это будет быстрее
UPD если нужных вам блоков много,используйте document.querySelectorAll