幅と高さを取得したいボックス</div> let client_w = docu。AtelierRoi"> 幅と高さを取得したいボックス</div> let client_w = docu" />
アトリエロワ

特定の要素の幅と高さを取得するjavascript

divなど、特定の要素の幅と高さを取得する方法

<div id="fr">幅と高さを取得したいボックス</div>
let client_w = document.getElementById('box').clientWidth;
let client_h = document.getElementById('box').clientHeight;

glidを使ったdivの個数を求める

<div id="catelistfr">
<ul>
<li></li>
<li></li>
</ul>
</div>

中にあるliタグの幅は400pxまでのグリッドcss

#catelistfrul {
  display: grid;
  grid-gap: 10px;
  grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
}
//分割したい個数を入力
let client_w = document.getElementById('catelistfr').clientWidth;
var narabukazu1 = (client_w/400);
var narabukazu2 = Math.floor( narabukazu1 );　//切り捨て
var division = narabukazu2; //横に並ぶ個数が分かる

HOME > javascript > 特定の要素の幅と高さを取得するjavascript

javascript

javascript

+ More