この記事では、JSが未知のdivの高さをどのように取得するかについて説明します。次のように、参照のために共有してください。
要素の高さは、次のような要素のclientheight属性を介して取得できます。
var height = element.clientheight;
この慣行の制限:
1.要素の表示属性がなしに設定されている場合、結果は0になります
2。Safariブラウザでは、以下を使用する必要があります:element.offseTheightは、実際の高さを取得します。これは、Safariブラウザのバグです。
以下は、さまざまなブラウザと互換性があるプロトタイプによって提供される方法であり、要素が隠されているときに要素サイズを正しく取得できます。
getDimensions:function(element){element = $(element); var display = $(element).getStyle( 'display'); if(display!= 'none' && display!= null)// safari bug return {width:element.offsetwidth、height:element.offseeth}; //すべて *幅と *高さプロパティは、表示なしの要素に0を与えます//要素を一時的に有効にしますvar els = element.style; var originalvisibility = els.visibility; var originalposition = els.position; var originaldisplay = els.display; els.visibility = 'hidden'; els.position = 'absolute'; els.display = 'block'; var originalwidth = element.clientwidth; var originalheight = element.clientheight; els.display = originaldisplay; els.position = originalposition; els.visibility = originalvisibility; return {width:originalwidth、height:originalheight};}JavaScript関連のコンテンツの詳細については、このサイトのトピックをご覧ください:「JavaScriptの切り替え効果とテクニックの要約」、「JavaScript検索アルゴリズムスキルの要約」、「JavaScriptアニメーション効果とテクニックの概要」、「Javascriptエラー、および「Javascriptデータ構造」の概要」の概要の要約の要約をご覧ください。 JavaScriptトラバーサルアルゴリズムとテクニック」、および「JavaScriptの数学的操作の使用法の要約」
この記事がみんなのJavaScriptプログラミングに役立つことを願っています。