Parsing CSS in JavaScript / jQuery

by

You can easily use the Browser’s own CSSOM to parse CSS:

var rulesForCssText = function (styleContent) {
    var doc = document.implementation.createHTMLDocument(""),
        styleElement = document.createElement("style");

   styleElement.textContent = styleContent;
    // the style will only be parsed once it is added to a document
    doc.body.appendChild(styleElement);

    return styleElement.sheet.cssRules;
};

For each rule returned you can look at the properties in rule.style. See http://jsfiddle.net/v2JsZ/ for an example.

More Related Contents:

  1. How to get just numeric part of CSS property with jQuery?
  2. Fade animation while scrolling
  3. Get the longest text in HTML document using Jquery or javascript
  4. jQuery SVG, why can’t I addClass?
  5. Setting background-image using jQuery CSS property
  6. How to generate a simple popup using jQuery
  7. How to get a style attribute from a CSS class by javascript/jQuery?
  8. How to get the background color code of an element in hex?
  9. “Uncaught TypeError: a.indexOf is not a function” error when opening new foundation project
  10. Can I disable a CSS :hover effect via JavaScript?
  11. Add/remove class with jquery based on vertical scroll?
  12. How to use jQuery and jQuery plugins with PrimeFaces
  13. How can I remove the “No file chosen” tooltip from a file input in Chrome?
  14. Is there any cross-browser javascript for making vh and vw units work
  15. width/height after transform
  16. Save a pre element as PDF with CSS
  17. jQuery event that triggers after CSS is loaded?
  18. How to make jQuery to not round value returned by .width()?
  19. Center flex item in container, when surrounded by other flex items
  20. Change the style of :before and :after pseudo-elements? [duplicate]
  21. collapse and expand tabs jquery / simple accordion
  22. How to use Javascript to check and load CSS if not loaded?
  23. Add CSS rule via jQuery for future created elements
  24. Remove scrollbar but not scrolling functionality [duplicate]
  25. Pausing CSS animation with javascript and also jumping to a specific place in the animation
  26. fade effect using javascript no jquery?
  27. How to stop user from printing webpages? using javascript or jquery
  28. How can I compare two color values in jQuery/JavaScript?
  29. How should I crop an image at client side using jcrop and upload it?
  30. Removing element with jQuery?

Leave a Comment