How does JavaScript get and set the height and width of the div and are compatible with any browser? Look at the code:
Copy Code code as follows:
<div id= "Div1" style= "height:300px;width:200px;" >http://www.itdos.com</div>
<div id= "Div2" style= "height:30px;width:20px;" >http://www.itdos.com</div>
Gets the width height of the div1:
Copy Code code as follows:
Alert (document.getElementById ("Div1"). offsetheight); Compatible FF, IE, etc.
Alert (document.getElementById ("Div1"). offsetwidth); Compatible FF, IE, etc.
Sets the width height of the div1 to Div2:
Copy Code code as follows:
document.getElementById ("Div1"). Style.height=document.getelementbyid ( "Div2"). offsetheight; Only IE
document.getElementById ("Div1"). Style.height=document.getelementbyid ("Div2"). offsetheight+ "px";//Compatible FF , ie, etc.
document.getElementById ("Div1"). Style.width=document.getelementbyid ("Div2"). offsetwidth;//Only IE
document.getElementById ("Div1"). Style.width=document.getelementbyid ("Div2"). offsetwidth+ "px"; Compatible with FF, IE, and so on