Get Element StyleSheet Style in JavaScript

by

Is it possible to get only the
stylesheet specified styles of an
element (and return null if the style
is undefined)?

That’s effectively what is done by the routine you present. The problem is, in most scenarios, most styles are not undefined – they’re inherited and/or defined by the individual browser’s internal stylesheet.

You could, with a whole lot of effort, iterate through all of the rules defining the style in question, in all of the stylesheets in the current view of the document, evaluate them for the element in question, and if none applied… and if none applied to a parent (or this particular style is not inherited)… then consider it undefined. This would be slow, and incredibly error-prone. I would not recommend trying it.

Perhaps you would do better to step back and ask why you would ever need such a thing?

More Related Contents:

  1. How to dynamically create CSS class in JavaScript and apply?
  2. How to get an HTML element’s style values in javascript?
  3. Is it possible to alter a CSS stylesheet using JavaScript? (NOT the style of an object, but the stylesheet itself)
  4. Is there an easy way to reload css without reloading the page?
  5. Access CSS file contents via JavaScript
  6. Can jQuery change css style definition? (not individual css of each element)
  7. jQuery equivalent of YUI StyleSheet Utility?
  8. Preserve browser window aspect ratio while shrinking [closed]
  9. Change from (+) symbol to (-) after click (function(){
  10. How can i create html automatic change page? [duplicate]
  11. Changing element style attribute dynamically using JavaScript
  12. How to get browser width using JavaScript code?
  13. Get computed font size for DOM element in JS
  14. Use as a CSS background
  15. how to change the background image of div using javascript?
  16. HTML Alignment Issue in one machine only (both IE8)
  17. Webkit and jQuery draggable jumping
  18. HOW TO check if an external (cross-domain) CSS file is loaded using Javascript
  19. make canvas as wide and as high as parent
  20. Repeat animation every 3 seconds
  21. jQuery Animate() and BackgroundColor
  22. show/hide html table columns using css
  23. Set focus and cursor to end of text input field / string w. Jquery [duplicate]
  24. Override the -webkit-search-cancel-button
  25. AngularJS css animation + done callback
  26. How to get on-screen visible element objects in jQuery? [duplicate]
  27. Fix First Column of a Bootstrap Table
  28. How to get the applied style from an element, excluding the default user agent styles
  29. JQuery select pseudo-element :after [duplicate]
  30. Get All Elements in an HTML document with a specific CSS Class

Leave a Comment