澳门新浦京app下载javascript获取设置div的高度和宽度兼容任何浏览器

复制代码 代码如下:div div /div/div

Javascript如何获取和设置div的高度和宽度,并且兼容任何浏览器?看代码:

当content内容多时,即使parent设置了高度100%或auto,在不同浏览器下还是不能完好的自动伸展。解决方案如下:

澳门新浦京app下载,复制代码 代码如下:

复制代码 代码如下:div div /div div /div
/div

<div id=”div1″
style=”height:300px;width:200px;”>;
<div id=”div2″
style=”height:30px;width:20px;”>;

在层的最下方产生一个高度为1的空格,可解除这个问题。

获取div1的宽高度:

另外还有这样写的:div /或者br /。

复制代码 代码如下:

alert(document.getElementById(“div1”).offsetHeight); //兼容FF、IE等
alert(document.getElementById(“div1”).offsetWidth); //兼容FF、IE等

设置div1的宽高度为div2的宽高度:

复制代码 代码如下:

document.getElementById(“div1”).style.height=document.getElementById(“div2”).offsetHeight;
//仅IE
document.getElementById(“div1”).style.height=document.getElementById(“div2”).offsetHeight+
“px”; //兼容FF、IE等
document.getElementById(“div1”).style.width=document.getElementById(“div2”).offsetWidth;
//仅IE
document.getElementById(“div1”).style.width=document.getElementById(“div2”).offsetWidth+
“px”; //兼容FF、IE等

复制代码 代码如下: div id=”div1″
style=”height:300px;width:200px;”…

You can leave a response, or trackback from your own site.

Leave a Reply

网站地图xml地图