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

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

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

տարր.offsetWidth;

Օրինակ

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

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

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

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

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

150

Օրինակ

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

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

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

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

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

0

Տես նաև

clientWidth հատկությունը,
որը պարունակում է տարրի լայնությունը եզրագծերի ներսում
offsetHeight հատկությունը,
որը պարունակում է տարրի ամբողջական բարձրությունը
getComputedStyle մեթոդը,
որը ստանում է տարրի CSS հատկության արժեքը