diff --git a/snippets/addStyles.md b/snippets/addStyles.md new file mode 100644 index 000000000..297a37783 --- /dev/null +++ b/snippets/addStyles.md @@ -0,0 +1,20 @@ +--- +title: addStyles +tags: browser,beginner +--- + +Adds the provided styles to the given element. + +- Use `Object.assign()` and `ElementCSSInlineStyle.style` to merge the provided `styles` object into the style of the given element. + +```js +const addStyles = (el, styles) => Object.assign(el.style, styles); +``` + +```js +addStyles(document.getElementById('my-element'), { + background: 'red', + color: '#ffff00', + fontSize: '3rem' +}); +```