Pure JavaScript で Div の高さを取得する方法: clientHeight と offsetHeight

純粋な JavaScript で Div の高さを取得する方法

jQuery を組み込まずに div の高さを取得しようとしている場合は、この簡潔なガイドを参照してください必要な JavaScript ソリューションが提供されます。

JavaScript を使用して Div Height を取得する

jQuery の .height() メソッドを使用するのが一般的なアプローチですが、プレーンな JavaScript も同様に効果的です。方法。たとえば、clientHeight または offsetHeight プロパティを利用できます:

<code class="javascript">var clientHeight = document.getElementById('myDiv').clientHeight;</code>

または、offsetHeight を使用できます:

<code class="javascript">var offsetHeight = document.getElementById('myDiv').offsetHeight;</code>

プロパティの違い

• clientHeight にはパディングが含まれますが、ボーダーとスクロールバーは含まれません。
• offsetHeight にはパディング、ボーダー、スクロールバーが含まれます。

要約すると、コンテンツとパディングの高さを組み合わせた値が必要な場合は、次のようになります。 clientHeight が理想的です。周囲のすべての要素を含む合計の高さが必要な場合は、offsetHeight を使用します。

以上がPure JavaScript で Div の高さを取得する方法: clientHeight と offsetHeightの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。