30-seconds-of-code/snippets/addStyles.md

title, tags, expertise, author, cover, firstSeen, lastUpdated

title	tags	expertise	author	cover	firstSeen	lastUpdated
Add styles to HTML element	browser	beginner	chalarangelo	blog_images/digital-nomad-14.jpg	2021-01-07T00:37:43+02:00	2021-01-07T00:37:43+02:00

Adds the provided styles to the given HTML element.

• Use Object.assign() and ElementCSSInlineStyle.style to merge the provided styles object into the style of the given element.

const addStyles = (el, styles) => Object.assign(el.style, styles);

addStyles(document.getElementById('my-element'), {
  background: 'red',
  color: '#ffff00',
  fontSize: '3rem'
});