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

title, tags, expertise, cover, firstSeen, lastUpdated

title	tags	expertise	cover	firstSeen	lastUpdated
Set style for element	browser	beginner	blog_images/laptop-plants-2.jpg	2017-12-29T00:08:17+02:00	2020-10-22T20:24:30+03:00

Sets the value of a CSS rule for the specified HTML element.

• Use HTMLElement.style to set the value of the CSS rule for the specified element to val.

const setStyle = (el, rule, val) => (el.style[rule] = val);

setStyle(document.querySelector('p'), 'font-size', '20px');
// The first <p> element on the page will have a font-size of 20px