Sifa offsetWidth
Sifa offsetWidth ina upana kamili
wa kipengele (inajumuisha upana halisi wa
kipengele, upana wa mipaka, vipimo vya ndani,
mistari ya kusokota):
Syntax
kipengele.offsetWidth;
Mfano
Wacha tujue ukubwa kamili wa kipengele:
<div id="elem"></div>
#elem {
width: 100px;
height: 100px;
padding: 15px;
border: 10px solid black;
}
let elem = document.querySelector('#elem');
console.log(elem.offsetWidth);
Matokeo ya utekelezaji wa kificho:
150
Mfano
Ikiwa kipengele kimefichwa, basi offsetWidth ni sawa na
0:
<div id="elem"></div>
#elem {
display: none; /* kipengele kilichofichwa */
width: 100px;
height: 100px;
padding: 15px;
border: 10px solid black;
}
let elem = document.querySelector('#elem');
console.log(elem.offsetWidth);
Matokeo ya utekelezaji wa kificho:
0
Angalia pia
-
sifa
clientWidth,
ambayo ina upana wa kipengele ndani ya mipaka -
sifa
offsetHeight,
ambayo ina urefu kamili wa kipengele -
mbinu
getComputedStyle,
ambayo hupata thamani ya sifa ya CSS ya kipengele
