Omadus offsetWidth
Omadus offsetWidth sisaldab elemendi kogulaiust
(sisaldab elemendi tegelikku laiust,
piirjoonte laiust, sisemisi vahesid,
kerimisribasid):
Süntaks
element.offsetWidth;
Näide
Uurime elemendi kogusuurust:
<div id="elem"></div>
#elem {
width: 100px;
height: 100px;
padding: 15px;
border: 10px solid black;
}
let elem = document.querySelector('#elem');
console.log(elem.offsetWidth);
Koodi täitmise tulemus:
150
Näide
Kui element on peidetud, siis offsetWidth võrdub
0:
<div id="elem"></div>
#elem {
display: none; /* peidetud element */
width: 100px;
height: 100px;
padding: 15px;
border: 10px solid black;
}
let elem = document.querySelector('#elem');
console.log(elem.offsetWidth);
Koodi täitmise tulemus:
0
Vaata ka
-
omadus
clientWidth,
mis sisaldab elemendi laiust piirjoonte sees -
omadus
offsetHeight,
mis sisaldab elemendi kogukõrgust -
meetod
getComputedStyle,
mis saab elemendi CSS omaduse väärtuse
