jQuery 要素の正確なレンダリング高さを取得するにはどうすればよいですか?

jQuery を使用した要素のレンダリングされた高さの決定

要素の実際のレンダリングされた高さを取得する必要があるシナリオが発生する場合があります。高さが明示的に設定されていないため、style.height プロパティへのアクセスは失敗することがよくありますが、jQuery には、レンダリングされた高さを正確に決定する便利なメソッドが用意されています。

レンダリングされた高さを取得するメソッド

jQuery には、レンダリングされた高さを取得するためのメソッドがいくつかあります。要素のレンダリングされた高さを取得します:

• clientHeight:このプロパティには、要素の高さと垂直方向のパディングが含まれますが、境界線は含まれません。
• offsetHeight: clientHeight と同様に、高さ、垂直方向のパディング、および上下の境界線が含まれます。
• scrollHeight: このプロパティは、要素の高さ、垂直方向のパディング、垂直方向の境界線、

コード例

例として、次の jQuery コードを考えてみましょう。

var h1 = $('#someDiv').clientHeight;
var h2 = $('#someDiv').offsetHeight;
var h3 = $('#someDiv').scrollHeight;

この例では、h1 は#someDiv 要素の高さ (垂直方向のパディングを含む)。 h2 には、高さ、垂直方向のパディング、境界線が含まれます。 h3 は、高さとパディング/ボーダーに加えて、スクロール可能なコンテンツが存在する場合は考慮します。

使用する具体的な方法は、要件と、パディング、ボーダー、スクロール可能なコンテンツなどの要素を含めるかどうかによって異なることに注意してください。高さの計算

以上がjQuery 要素の正確なレンダリング高さを取得するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。