Sifa offsetWidth

Sifa offsetWidth ina upana kamili wa kipengele (inajumuisha upana halisi wa kipengele, upana wa mipaka, vipimo vya ndani, mistari ya kusokota):

Syntax

javascriptkipengele.offsetWidth;

Mfano

Wacha tujue ukubwa kamili wa kipengele:

html<div id="elem"></div>

css#elem {
  width: 100px;
  height: 100px;
  padding: 15px;
  border: 10px solid black;
}

javascriptlet elem = document.querySelector('#elem');
console.log(elem.offsetWidth);

Matokeo ya utekelezaji wa kificho:

javascript150

Mfano

Ikiwa kipengele kimefichwa, basi offsetWidth ni sawa na 0:

html<div id="elem"></div>

css#elem {
  display: none; /* kipengele kilichofichwa */
  width: 100px;
  height: 100px;
  padding: 15px;
  border: 10px solid black;
}

javascriptlet elem = document.querySelector('#elem');
console.log(elem.offsetWidth);

Matokeo ya utekelezaji wa kificho:

javascript0

Angalia pia