How to get an element’s padding value using JavaScript?

by

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-US/docs/Web/API/Window/getComputedStyle

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

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

The above does work in IE6-8.

More Related Contents:

  1. How do I access the link to the content? [closed]
  2. What is the max size of localStorage values?
  3. How to detect if JavaScript is disabled?
  4. How to get an HTML element’s style values in javascript?
  5. Detect all changes to a (immediately) using JQuery
  6. How to set an iframe src attribute from a variable in AngularJS
  7. When should I use Inline vs. External Javascript?
  8. Using HTML5/JavaScript to generate and save a file
  9. Disable form auto submit on button click
  10. Input placeholders for Internet Explorer
  11. Resize event for textarea?
  12. Pass vars to JavaScript via the SRC attribute
  13. Get caret position in HTML input?
  14. HTML input type=file, get the image before submitting the form
  15. Scroll with anchor without # in URL
  16. jQuery: how to change tag name?
  17. tag vs tag
  18. Is it possible to use HTML’s .querySelector() to select by xlink attribute in an SVG?
  19. WebRTC video is not displaying
  20. hide open/active accordion when another accordion is clicked
  21. javascript function name cannot set as click?
  22. Is there a way to curve / arc text using CSS3 / Canvas
  23. How do I edit PHP variable with JavaScript/jQuery?
  24. Javascript make audio blob
  25. Web SQL Database + Javascript loop
  26. How to detect shape on a transparent canvas?
  27. HTML5 input required, scroll to input with fixed navbar on submit
  28. focus on next tabindex of HTML element onEnter keypress by JQuery
  29. Clear localStorage on tab/browser close but not on refresh
  30. Find and replace nth occurrence of [bracketed] expression in string

Leave a Comment