Merge pull request #379 from Chalarangelo/getsetstyle

[FEATURE] Add getStyle/setStyle snippets (browser)

snippets/getStyle.md

@@ -0,0 +1,13 @@
+### getStyle
+
+Returns the value of a CSS rule for the specified element.
+
+Use `Window.getComputedStyle()` to get the value of the CSS rule for the specified element.
+
+```js
+const getStyle = (el, ruleName) => getComputedStyle(el)[ruleName];
+```
+
+```js
+getStyle(document.querySelector('p'), 'font-size') // '16px'
+```

snippets/setStyle.md

@@ -0,0 +1,13 @@
+### setStyle
+
+Sets the value of a CSS rule for the specified element.
+
+Use `element.style` to set the value of the CSS rule for the specified element to `value`.
+
+```js
+const setStyle = (el, ruleName, value) => el.style[ruleName] = value;
+```
+
+```js
+setStyle(document.querySelector('p'), 'font-size', '20px') // The first <p> element on the page will have a font-size of 20px
+```

tag_database

@@ -50,6 +50,7 @@ functionName:function
 gcd:math
 getDaysDiffBetweenDates:date
 getScrollPosition:browser
+getStyle:browser
 getType:utility
 getURLParameters:browser
 groupBy:array
@@ -112,6 +113,7 @@ sample:array
 scrollToTop:browser
 sdbm:utility
 select:object
+setStyle:browser
 shallowClone:object
 show:browser
 shuffle:array