☰

HTML 要素の実際の幅と高さを取得するにはどうすればよいですか? 質問する

tag-icon • tag-icon javascript html dhtml
HTML 要素の実際の幅と高さを取得するにはどうすればよいですか? 質問する

要素の幅と高さを計算して<div>、ブラウザの表示 (ビューポート) の中央に配置するにはどうすればよいですか? 各手法をサポートするブラウザはどれですか?

ベストアンサー1

あなたは.offsetWidthそして.offsetHeightプロパティ。これらは ではなく 要素に属していることに注意してください.style。

var width = document.getElementById('foo').offsetWidth;

の.getBoundingClientRect()この関数は、CSS 変換を実行した後、要素の寸法と位置を浮動小数点数として返します。

> console.log(document.getElementById('foo').getBoundingClientRect())
DOMRect {
    bottom: 177,
    height: 54.7,
    left: 278.5,​
    right: 909.5,
    top: 122.3,
    width: 631,
    x: 278.5,
    y: 122.3,
}

おすすめ記事