Set style for element

OSCC · JavaScript, Browser · Oct 22, 2020

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

Recommended snippets