JS创建CSS样式

发表于 分类于 / / Changyan：

用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' }`);