最初のケースは、幅と高さが#div1 {width:120px;}などのスタイルシートに記述されていることです。この場合、幅は#div1.style.widthを使用して取得することはできませんが、幅は#div1.offsetwidthから取得できます。
2番目のケースは、style = "width:120px;"など、幅と高さがラインに記述されていることです。その場合、幅は上記の2つの方法で取得できます。
概要、id.offsetWidthとid.offseetheightは、スタイルシートまたはラインに書かれたスタイルを無視するため、要素の幅と高さを取得するときにこれら2つの属性を使用することをお勧めします。ラインスタイルで記述された属性がid.style.atrrを使用して取得できない場合に注意してください。
今日、フロントエンドのプロダクションはスタイルをスタイルで直接書き込むことはめったにありませんが、それらはすべてスタイルシートで書かれています。取得したいスタイルが(#div1.style.widthが#div1.offsetwidthに対応する)に対応しない場合、ブラウザを使用せずにスタイルシートの属性のみを取得できます。 「JS Get Style Properties」を検索してみてください。
コード:
var o = document.getElementById( "View"); var h = o.offsetheight; // height var w = o.OffsetWidth; //幅
JSのHTML要素の実際の幅と高さを取得する上記の方法は、私があなたと共有するすべてのコンテンツです。参照を提供できることを願っています。wulin.comをもっとサポートできることを願っています。