Window.getComputedStyle

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

Resumen

Devuelve el estilo computado del elemento. Los estilos computados representan los valores finales computed (en) de las propiedades CSS del elemento.

Sintaxis

js
var style = window.getComputedStyle(element, pseudoElt);
  • element es un element.
  • pseudoElt es una cadena que especifica el pseudo elemento a tratar. Debería ser una cadena vacia para la mayoría de los elementos element.
  • style es un objeto del tipo CSSStyleDeclaration .

Ejemplo

js
var element = document.getElementById(“elemId”);
var style = document.defaultView.getComputedStyle(element, pseudoElt);

Descripción

El objeto devuelto es del mismo tipo que el objeto devuelto por la propiedad style del elemento, sin embargo ambos objetos tienen un propósito distinto. El objeto devuelto por getComputedStyle es de sólo lectura y puede usarse para inspeccionar el estilo del elemento (incluyendo los estilos de una etiqueta <style> o una hoja de estlo). El objeto elt.style debería usarse para establecerel estilo de un elemento específico.

El primer argumento debe ser un Element, no un nodo (como en #texto Node).

Especificación

DOM Level 2 Style: getComputedStyle