offsetWidth հատկությունը

offsetWidth հատկությունը պարունակում է տարրի ամբողջական լայնությունը (ներառում է տարրի իրական լայնությունը, եզրագծերի լայնությունը, ներքին տարածությունները, Ուղղահայաց Քաշոնի գծերը):

Շարահյուսություն

javascriptտարր.offsetWidth;

Օրինակ

Եկեք պարզենք տարրի ամբողջական չափը.

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);

Կոդի կատարման արդյունքը.

javascript150

Օրինակ

Եթե տարրը թաքնված է, ապա offsetWidth-ը հավասար է 0-ի.

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

css#elem {
  display: none; /* թաքնված տարր */
  width: 100px;
  height: 100px;
  padding: 15px;
  border: 10px solid black;
}

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

Կոդի կատարման արդյունքը.

javascript0

Տես նաև