Question

我已将80% height的{{1}}指定为viewport作为身高。在按钮单击中，我显示了div的高度。这在ie9，ie10中工作正常。但是在ie7中，ie8 div是0.我做错了什么以及如何在IE7中获得div的高度，IE8（vml）

$("#divContainer").height()

提前致谢

Answer 1

对于IE，您可以尝试纯JavaScript解决方案

var height = getElementById("divContainer").clientHeight;

Answer 2

最重要的是在你的代码头部分中包含jQuery Library并使用.css（＆＃34; height＆＃34;）而不是.height（）修改后的代码如下

<html style="height:100%;">
<head>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> 
</head>
<body style="height:100%;">

<button id="button1" value="text"></button>
<div id="divContainer" style="height:100%; border:2px solid #ff0000">
 </div> 


  <script type="text/javascript">
        $(function () {
            $("#button1").click(function()
            {
                alert($("#divContainer").css("height"));

            });
        });

</script>
</body>
</html>

注意我已将Button放在容器上方。

Answer 3

您可以使用jquery - Height选项

或

使用jquery和tag或id的任何属性的css选项。喜欢

<div id="divContainer" style="height:100%; border:2px solid #ff0000">
 </div>     

  <script type="text/javascript">
        $(function () {
            $("#button1").click(function()
            {
                alert($("#divContainer").css("height"));
                //also set the height too as
                $("#divContainer").css("height", "80%");

            });
        });

无法在html中获得div的高度

3 个答案: