0

DIVのcss属性の高さをキャプチャするにはどうすればよいですか？たとえば、「高さ」。これがHTMLです。jqueryプラグインの高さを使用しています

<!doctype html>  
<html lang="en">  
<head>  
<meta charset="utf-8">  
<title>The HTML5 Herald</title>  

<script type='text/javascript' src='http://code.jquery.com/jquery-1.6.1.min.js'>     </script>
<script type='text/javascript' src='http://orlandovisitornetwork.com/wp- includes/js/jquery/jquery.js?ver=1.6.1'></script>
<script type="text/javascript"></script>

</head>  


<body>  

    <div id="main" class='test'>
    This is just a test
    </div>

<script type="text/javascript">  
window.onload=function()
  {
    var height = $("test").height();

          if (height > 0px)
        {
          alert("DIV Height is" + 'height');
        }
  };
</script>
</body>  
</html>

そしてここにcssがあります。もちろん、これは非常に単純化されたバージョンです。

.test {
height: 500px;
}
4

3 に答える 3

2

それwindow.getComputedStyleが目的です。あなたの場合：

var height = window.getComputedStyle(document.getElementById("main")).height

（IDはクラス名よりも信頼性があります。クラス名が1つしかない場合は、クラス名を使用しないでください）

于 2012-12-10T21:31:20.493 に答える
1

クラスを選択するには、セレクターは以下のようにピリオドで開始する必要があります。そして変数は引用されるべきではありません：

$(function() {
    var height = $('.test').height();
    if (height > 0) {
          alert("DIV Height is : " + height);
    }
});
于 2012-12-10T21:31:36.957 に答える
0 
<script type="text/javascript">  
window.onload=function()
  {
    var height = $("test").height();

      if (height > 0px)
    {
      alert("DIV Height is" + 'height');
    }
  };
</script>

そこで注意してください。このメソッドheight()は数値を返し、それを引用符なしで比較しています。0pxこれは文字列でも数値でも変数でもありません。nullまたはに評価される可能性がありますundefined。したがって、比較が真になることはなく、ブロック内のコードが実行されることもありません。

この方法はおそらくうまく機能しています。間違った比較をしているだけです。数値と比較heightしてみてください。

于 2012-12-10T21:42:47.100 に答える