Как в javascript узнать ширину кнопки без jQ?

Question

[vasIvas]

var myButton = document.getElementById('myButton');
console.log(myButton.width); // undefined
console.log(myButton.style.width); // ''

А как тогда? Или это связанно с тем, что кнопка ещё не сформировалась? Если да, то на какое событие нужно подписаться?

Answer 1

[Денис Инешин]

Еще есть getBoundingClientRect()

Пример:
jsfiddle.net/IonDen/rjstq1zp

var box = document.getElementById('test');
var range = box.getBoundingClientRect();
console.dir(range);

Comments

[vasIvas]

А почему у body высота ноль?

[Денис Инешин]

vasIvas: потому что 0. Ему нужно написать height: 100% например

Answer 2

[NaN]

document.getElementById('question_interest_link_223382').offsetWidth
116
document.getElementById('question_interest_link_223382').offsetHeight
30

Answer 3

[Developer Yii]

var myButton = document.getElementById('myButton').offsetWidth;