R. Dewi R. Dewi - 1 year ago 275
HTML Question

get element padding value using javascript

I have a textarea in HTML. I need to get the padding value in pixel or float. Can I get it using JavaScript? I am not using jQuery, it's pure JavaScript.

Can somebody tell me how?

Answer Source

This will return the padding-left value:

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

where txt is the reference to your TEXTAREA element.

The above works in all modern browsers and in IE9. However, it does not work in IE8 and below.

Live demo: http://jsfiddle.net/simevidas/yp6XX/

Further reading: https://developer.mozilla.org/en/DOM:window.getComputedStyle

Btw, just for comparison, this is how you get the same job done using jQuery:


The above does work in IE6-8.

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download