Descobrir a largura e a altura com JavaScript

Digamos que temos o seguinte elemento HTML:

<div id="minha-div" style="width:120px; width:777px"></div>

Como podemos pegar sua altura e largura usando JavaScript?

Basta usar o querySelector para selecionar o elemento e, em seguida, chamar as propriedades:

• clientWidth
• clientHeight

Veja como fica o código:

// Atalhos 
$ = document.querySelector.bind(document); 
$$ = document.querySelectorAll.bind(document); 
print = console.log.bind(console)

// selecionando o elemento
let elemento = "#minha-div";

let largura = $(elemento).clientWidth;
let altura = $(elemento).clientHeight;

print(largura, altura);  // 120 777

Notas:

// Atalhos *****************************************************************
$ = document.querySelector.bind(document);      // pega seletor
$$ = document.querySelectorAll.bind(document);  // pega todos os seletores
print = console.log.bind(console);              // imprime no console
// *************************************************************************
// Para remover os atalhos, substitua todas as ocorrências de:
// $$(      por    document.querySelectorAll(
// $(       por    document.querySelector(
// print(   por    console.log(
// *************************************************************************