为元素设置样式
为指定的HTML元素设置CSS规则的值。
- 使用
HTMLElement.style
将指定元素的CSSrule
的值设置为val
。
const setStyle = (el, rule, val) => (el.style[rule] = val);
setStyle(document.querySelector('p'), 'font-size', '20px');
// 页面上的第一个 <p> 元素将具有 20px 的字体大小
为指定的HTML元素设置CSS规则的值。
HTMLElement.style
将指定元素的CSS rule
的值设置为val
。const setStyle = (el, rule, val) => (el.style[rule] = val);
setStyle(document.querySelector('p'), 'font-size', '20px');
// 页面上的第一个 <p> 元素将具有 20px 的字体大小