offsetWidth xassesi
offsetWidth xassesi elementin tam
enini ehtiva edir (elementin oz eni,
serhedlerin eni, daxili bosluqlar,
sürüşdürmə çubuqları daxil olmaqla):
Sintaksis
element.offsetWidth;
Numune
Gelin elementin tam olcusunu oyrenək:
<div id="elem"></div>
#elem {
width: 100px;
height: 100px;
padding: 15px;
border: 10px solid black;
}
let elem = document.querySelector('#elem');
console.log(elem.offsetWidth);
Kodu icra etmənin neticesi:
150
Numune
Əgər element gizlidirse, onda offsetWidth
0-a beraberdir:
<div id="elem"></div>
#elem {
display: none; /* gizli element */
width: 100px;
height: 100px;
padding: 15px;
border: 10px solid black;
}
let elem = document.querySelector('#elem');
console.log(elem.offsetWidth);
Kodu icra etmənin neticesi:
0
Həmçinin bax
-
clientWidthxassesi,
ki, serhedlerin daxilində elementin enini ehtiva edir -
offsetHeightxassesi,
ki, elementin tam hundurluyunu ehtiva edir -
getComputedStylemetodu,
ki, elementin CSS xasselerinin qiymetini alir
