JavaScript のみを使用して DIV の高さを取得するにはどうすればよいですか?

純粋な JavaScript で Div の高さにアクセスする

jQuery ライブラリを利用せずに DIV 要素の高さを取得するのは複雑な場合があります。 Stack Overflow を検索したにもかかわらず、回答の大部分は jQuery の .height() メソッドを推奨しています。

解決策:

プレーンな JavaScript を使用して DIV の高さを取得するには、次のようにします。次のプロパティを利用します:

• clientHeight:パディングを含む DIV のコンテンツ領域の高さを示します。

var clientHeight = document.getElementById('myDiv').clientHeight;

• offsetHeight: コンテンツ領域、パディング、スクロールバー (存在する場合) の高さが含まれます。 、 そして

var offsetHeight = document.getElementById('myDiv').offsetHeight;

注:

• clientHeight プロパティと offsetHeight プロパティは、Chrome、Firefox、Edge、 Safari.
• clientHeight と offsetHeight は値を返しますピクセル。
• DIV に高さが指定されていない場合、これらのプロパティはゼロを返します。

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