30秒学会 JavaScript 片段 – setStyle

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

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

代码片段

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

使用样例

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