¿Cómo obtener el valor de relleno de un elemento usando JavaScript?

Tengo un área de textarea en mi HTML. Necesito obtener el valor numérico de relleno en píxeles como entero o flotante. ¿Cómo puedo obtenerlo usando JavaScript? No estoy usando jQuery, entonces estoy buscando soluciones de JavaScript puro.

Esto devolverá el valor de padding-left :

 window.getComputedStyle(txt, null).getPropertyValue('padding-left') 

donde txt es la referencia a su elemento TEXTAREA.

Lo anterior funciona en todos los navegadores modernos y en IE9. Sin embargo, no funciona en IE8 y abajo.

Demostración en vivo: http://jsfiddle.net/simevidas/yp6XX/

Lectura adicional: https://developer.mozilla.org/en/DOM:window.getComputedStyle


Por cierto, solo para comparar, así es como haces el mismo trabajo usando jQuery:

 $(txt).css('padding-left') 

Lo anterior funciona en IE6-8.

Después de una búsqueda, encontré este recurso para hacer lo que estás buscando hacer.

Quieren que agregue una función de JavaScript:

 function getStyle(oElm, strCssRule){ var strValue = ""; if(document.defaultView && document.defaultView.getComputedStyle){ strValue = document.defaultView.getComputedStyle(oElm, "").getPropertyValue(strCssRule); } else if(oElm.currentStyle){ strCssRule = strCssRule.replace(/\-(\w)/g, function (strMatch, p1){ return p1.toUpperCase(); }); strValue = oElm.currentStyle[strCssRule]; } return strValue; } 

Y luego llame a la función de esta manera para obtener el estilo particular:

 getStyle(document.getElementById("container"), "padding-right"); 

Donde “contenedor” es la identificación del elemento y “tamaño de fuente” es el nombre de la propiedad. Si puede garantizar que todo el CSS en el elemento estará en línea, entonces esta solución sería más clara:

 document.getElementById("container").style.paddingRight;