offsetWidth hassa-dygy
offsetWidth hassa-dygy element doly ini
(öz ini, araçäkleriň ini, içerki aralyklar,
lenta süýşüji) öz içine alýar:
Sintaksis
element.offsetWidth;
Mysal
Geliň, element doly ölçegini biliň:
<div id="elem"></div>
#elem {
width: 100px;
height: 100px;
padding: 15px;
border: 10px solid black;
}
let elem = document.querySelector('#elem');
console.log(elem.offsetWidth);
Kody ýerine ýetirmegiň netijesi:
150
Mysal
Eger element gizlenen bolsa, onda offsetWidth
0 deň bolýar:
<div id="elem"></div>
#elem {
display: none; /* gizlenen element */
width: 100px;
height: 100px;
padding: 15px;
border: 10px solid black;
}
let elem = document.querySelector('#elem');
console.log(elem.offsetWidth);
Kody ýerine ýetirmegiň netijesi:
0
Mysal görüň
-
clientWidthhassa-dygy,
araçäkleriň içindäki element ini öz içine alýar -
offsetHeighthassa-dygy,
element doly beýikligini öz içine alýar -
getComputedStylemetodu,
element CSS hassa-dygynyň bahasyny alýar