Objektum magassága és szélessége
Mozila Firefox verziója: 3.0.17
Internet Explorer verziója: IE - 7; és IE - 8
offsetHeight (magasság)
XHTML programunk
<div id="ddd3" class="celpont">
<h6>Ez egy h6-os címsor</h6>
<p> Első bekezdés</p>
<p> Második bekezdés</p>
<p> Harmadik bekezdés</p>
</div>
<h6 id="h63" class="celpont">Egy adott div szakaszra vonatkozó, offsetHeight eredménye = </h6>
JavaScript programunk
var celpont3 = document.getElementById("ddd3");
ddd3magassaga=(celpont3.offsetHeight);
kiiras3 = document.getElementById ("h63");
kiiras3.innerHTML += ddd3magassaga;
Ez egy h6-os címsor
Első bekezdés
Második bekezdés
Harmadik bekezdés
Egy adott div szakaszra vonatkozó, offsetHeight eredménye =
Az elöző sor eredménye: Program szerint: IE-7=144___IE-8=219___MA=226___MA 3.0.17=223
offsetWidth (szélesség)
XHTML programunk
<div id="ddd4" class="celpont">
<h6>Ez egy h6-os címsor</h6>
<p> Első bekezdés</p>
<p> Második bekezdés</p>
<p> Harmadik bekezdés</p>
</div>
<h6 id="h64" class="celpont">A div szakaszra vonatkozó, offsetWidth eredménye = </h6>
JavaScript programunk
var celpont4 = document.getElementById("ddd4");
ddd4szelessege=(celpont4.offsetWidth);
kiiras4 = document.getElementById ("h64");
kiiras4.innerHTML += ddd4szelessege;
Ez egy h6-os címsor
Első bekezdés
Második bekezdés
Harmadik bekezdés
A div szakaszra vonatkozó, offsetWidth eredménye =
Az előző sor eredménye: Program szerint: IE=802______MA=802
Az adott div szakaszra vonatkozó stílus meghatározások
.celpont {width: 790px; border: 1px solid black; padding: 5px;}
A div szakasz szélessége = 790+1+1+5+5= 802
Külső JavaScript fájl, melyet a dokumentum végén helyezünk el:
<script language="JavaScript" type="text/javascript" src="elérési út.js"> </script>