Element.getBoundingClientRect()

Element.getBoundingClientRect() - позиція елемента.

Синтаксис:

obj = Element.getBoundingClientRect();

Параметри:

obj - зміна яка отримує об'єкт DomRect.

Element - об'єкт Element.

Опис:

getBoundingClientRect() метод об'єкту Element який повертає об'єкт DomRect який містить координати прямокутника елемента відносно вікна.

Приклад:

#test

var ob=document.getElementById("test").getBoundingClientRect();

alert( ob );

var ob=document.getElementById("test").getBoundingClientRect();

alert( "left: "+ob.left+" top: "+ob.top+" right: "+ob.right+" bottom: "+ob.bottom );

 var rec=document.getElementById("test").getBoundingClientRect();

var elWidth = rec.right - rec.left,
elHeight=rec.bottom - rec.top;
alert( "width: "+elWidth+" height: "+elHeight );