JS创建CSS样式

用JS来动态设置CSS样式

1
2
3
4
5
6
7
8
9
10
11
12
13
14
function addNewStyle(newStyle) {
const styleElement = document.getElementById('JS_style');

if (!styleElement) {
styleElement = document.createElement('style');
styleElement.type = 'text/css';
styleElement.id = 'JS_style';
document.getElementsByTagName('head')[0].appendChild(styleElement);
}

styleElement.appendChild(document.createTextNode(newStyle));
}

addNewStyle(`.box { background-color: 'red' }`);