L'alternativa JavaScript al metodo .outerWidth() con margini di jQuery

JavaScript
26/01/2017
Gabriele Romanato

JavaScript offre un semplice modo per ottenere la larghezza esterna del box contenitore di un elemento compresi i margini.

La soluzione è la seguente:


function outerWidth(el) {
  var width = el.offsetWidth;
  var style = getComputedStyle(el);

  width += parseInt(style.marginLeft,10) + parseInt(style.marginRight,10);
  return width;
}