Pure JavaScript で Div の高さを取得するにはどうすればよいですか?

プレーン JavaScript で div の高さを決定する方法

クエリ:

Many開発者は jQuery の .height() メソッドを利用して div の高さを取得します。しかし、jQuery を使用せずにこれを実現することはできますか?

解決策:

はい、プレーンな JavaScript を使用して div の高さを決定することができます。ここに 2 つのメソッドがあります:

1. clientHeight プロパティ:

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

このプロパティは、パディングを含み、div を除いた div の高さを返します。

2. offsetHeight プロパティ:

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

clientHeight とは異なり、offsetHeight にはパディングだけでなくスクロールバーと境界線も含まれます。 present.

適切なプロパティの選択:

clientHeight と offsetHeight の選択は、特定の要件によって異なります。スクロールバーや境界線のない div の高さが必要な場合は、clientHeight が適しています。これらの要素を含む合計の高さが必要な場合は、offsetHeight が適切なオプションです。

以上がPure JavaScript で Div の高さを取得するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。