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

title, tags, firstSeen, lastUpdated

title	tags	firstSeen	lastUpdated
setStyle	browser,beginner	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 ElementCSSInlineStyle.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