JavaScript 中动态添加 CSS 样式
你可以通过创建一个 style 标签,将样式字符串添加到其中,再将该标签添加到页面中。
代码示例:
// 创建style标签
var style = document.createElement('style');
// 将样式字符串添加到style标签中
style.innerHTML = '.a{color:red}';
// 将style标签添加到head标签中
document.head.appendChild(style);
这样,样式字符串中的样式就可以被其他元素使用了。例如:
<div class='a'>Hello, world!</div>
这个 div 元素的文字颜色就会变成红色。
原文地址: https://www.cveoy.top/t/topic/obHc 著作权归作者所有。请勿转载和采集!