Sifa clientHeight

Sifa clientHeight ina urefu wa kipengele ndani ya mipaka pamoja na padding, lakini bila border na kitabu.

Syntax

kipengele.clientHeight;

Mfano

Wacha tupate ukubwa wa kipengele:

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

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

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

Matokeo ya utekelezaji wa kodi:

130

Mfano

Ikiwa kipengele kinaonekana kitabu basi upana wa yaliyomo hupungua kwa upana wa kitabu (takriban 16px - inategemea kivinjari, OS, kifaa). Katika mfano ujao upana wa kipengele utakuwa chini, kuliko ilivyotarajiwa:

<div id="elem">Kipengele hiki kina kitabu.</div>

#elem {
	width: 100px;
	height: 100px;
	border: 1px solid black;
	padding: 15px;
	overflow: scroll;
}

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

Matokeo ya utekelezaji wa kodi:

114 (inategemea kivinjari)

Mfano

Ikiwa kipengele kimefichwa, basi clientHeight itakuwa sawa na 0:

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

#elem {
	width: 100px;
	height: 100px;
	border: 1px solid black;
	display: none; /* kipengele kilichofichwa */
}

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

Matokeo ya utekelezaji wa kodi:

0

Angalia pia

sifa clientWidth,
ambayo ina upana wa kipengele ndani ya mipaka
mbinu getComputedStyle,
ambayo hupata thamani ya sifa ya CSS ya kipengele