JS gets the div height and reset the div height and width
<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
<html xmlns= "http://www.jzread.com/1999/xhtml"
<head>
<meta http-equiv= " Content-type "content=" HTML; charset=gb2312 "/>
<title>js get the div height and reset the div height and width </title>
<script language=" JavaScript tutorial "
var $=function (id) {
return document.getElementById (ID);
&NBSP
function clickdiv ()
{
$ (' TestID '). offsetwidth;/M
$ (' TestID '). offsetheight;
document.all.testid.style.width= "1000px";//js set div width
Document.all.testid.style.height= "500px"; Set div height Democracy
/Now to reset the height and width of testid
//$ (' TestID '). offsetwidth = +
//$ (' TestID '). offsetheight = 300;
$ (' TestID '). Style.classname = ' idtest ';
}
</script>
Method two
<script type= "Text/javascript"
Alert (document.getElementById (" TestID "). scrollheight+ ' px ');
</script>
Method Three
<script type= "Text/javascript" >
Alert (document.getElementById ("TestID"). clientheight+ ' px ');
</script>
<style type= "Text/css Tutorial" >
#testid {
height:50px;
width:200px;
Background: #3300CC;
}
. idtest{
height:80px;
width:150px;
Background: #FFFFFF;
}
</style>
</head>
<body>
<div id= "TestID" >
</div>
<input type= "button" value= "click Me" onclick= "clickdiv ();"/>
</body>
</html>
This site original tutorial reproduced annotated source www.jzread.com
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
