目次

高さ・幅(height、width)の取得

JavaScript や jQuery での要素やウィンドウの高さや幅の取得方法について。

要素の高さ・幅(height、width)の取得

$('要素の指定').height();
$('要素の指定').width();

// 例
let height = $('header').height();
let width = $('header').width();

console.log(height);
console.log(width);

ブラウザウィンドウの高さ・幅(height、width)の取得

let height = window.innerHeight;
let width = window​.inner​Width;

console.log(height);
console.log(width);

参考:window​.inner​Height