Sifat offsetWidth
Sifat offsetWidth mengandungi lebar penuh
elemen (termasuk lebar sebenar elemen,
lebar sempadan, padding dalam,
bar skrol):
Sintaks
elemen.offsetWidth;
Contoh
Mari ketahui saiz penuh elemen:
<div id="elem"></div>
#elem {
width: 100px;
height: 100px;
padding: 15px;
border: 10px solid black;
}
let elem = document.querySelector('#elem');
console.log(elem.offsetWidth);
Keputusan pelaksanaan kod:
150
Contoh
Jika elemen tersembunyi, maka offsetWidth sama dengan
0:
<div id="elem"></div>
#elem {
display: none; /* elemen tersembunyi */
width: 100px;
height: 100px;
padding: 15px;
border: 10px solid black;
}
let elem = document.querySelector('#elem');
console.log(elem.offsetWidth);
Keputusan pelaksanaan kod:
0
Lihat juga
-
sifat
clientWidth,
yang mengandungi lebar elemen di dalam sempadan -
sifat
offsetHeight,
yang mengandungi ketinggian penuh elemen -
kaedah
getComputedStyle,
yang mendapatkan nilai sifat CSS elemen
