30-seconds-of-code/snippets/js/s/set-style.md

title, type, language, tags, cover, dateModified

title	type	language	tags	cover	dateModified
Set style for element	snippet	javascript	browser	laptop-plants-2	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