# get-css-data
[](https://www.npmjs.com/package/get-css-data)
[](https://github.com/jhildenbiddle/get-css-data/actions?query=branch%3Amaster+)
[](https://app.codacy.com/gh/jhildenbiddle/get-css-data/dashboard?branch=master)
[](https://app.codacy.com/gh/jhildenbiddle/get-css-data/dashboard?branch=master)
[](https://github.com/jhildenbiddle/get-css-data/blob/master/LICENSE)
[](https://github.com/sponsors/jhildenbiddle)
A micro-library for collecting stylesheet data from link and style nodes.
## Features
- Collects CSS data from `` and `
```
CSS:
```css
/* style1.css */
p { color: red; }
```
```css
/* style2.css */
p { color: green; }
```
JavaScript (see [Options](#options) for details)
```javascript
getCssData({
onComplete: function(cssText, cssArray, nodeArray) {
console.log(cssText); // 1
console.log(cssArray); // 2
console.log(nodeArray); // 3
}
});
// 1 => 'p { color: red; } p { color: green; } p { color: blue; }'
// 2 => ['p { color: red; }', 'p { color: green; } p { color: blue; }']
// 3 => [, ]
```
## Options
- [rootElement](#optionsrootelement)
- [include](#optionsinclude)
- [exclude](#optionsexclude)
- [filter](#optionsfilter)
- [skipDisabled](#optionsskipdisabled)
- [useCSSOM](#optionsusecssom)
- [onBeforeSend](#optionsonbeforesend)
- [onSuccess](#optionsonsuccess)
- [onError](#optionsonerror)
- [onComplete](#optionsoncomplete)
**Example**
```javascript
// Default values shown
getCssData({
rootElement : document,
include : 'link[rel=stylesheet],style',
exclude : '',
filter : '',
skipDisabled: true,
useCSSOM : false,
onBeforeSend: function(xhr, node, url) {
// ...
},
onSuccess: function(cssText, node, url) {
// ...
},
onError: function(xhr, node, url) {
// ...
},
onComplete: function(cssText, cssArray, nodeArray) {
// ...
}
});
```
### options.rootElement
- Type: `object`
- Default: `document`
Root element to traverse for `` and `