Īpašība offsetWidth
Īpašība offsetWidth satur elementa kopējo
platumu (iekļauj paša elementa platumu,
apmalu platumu, iekšējos atkāpumus,
ritjoslas):
Sintakse
elements.offsetWidth;
Piemērs
Uzzināsim elementa kopējo izmēru:
<div id="elem"></div>
#elem {
width: 100px;
height: 100px;
padding: 15px;
border: 10px solid black;
}
let elem = document.querySelector('#elem');
console.log(elem.offsetWidth);
Koda izpildes rezultāts:
150
Piemērs
Ja elements ir slēpts, tad offsetWidth ir
0:
<div id="elem"></div>
#elem {
display: none; /* slēpts elements */
width: 100px;
height: 100px;
padding: 15px;
border: 10px solid black;
}
let elem = document.querySelector('#elem');
console.log(elem.offsetWidth);
Koda izpildes rezultāts:
0
Skatiet arī
-
īpašība
clientWidth,
kura satur elementa platumu iekš apmalēm -
īpašība
offsetHeight,
kura satur elementa kopējo augstumu -
metode
getComputedStyle,
kura iegūst elementa CSS īpašības vērtību
