创建style元素修改样式
<body>
<h1>helloworld</h1>
<script type="text/javascript">
var styleDom = document.createElement('style');
styleDom.innerHTML = `.bgRed{
background-color: deeppink;
}
.bgYellow{
background-color: yellow;
}
.noshow{
display: none;
}
.bigFont{
font-size: 100px;
}`
var body = document.querySelector('body');
body.appendChild(styleDom)
var h1 = document.querySelector('h1')
h1.className = "bgYellow bigFont"
</script>
</body>
通过类名修改样式
<style type="text/css">
.bgRed{
background-color: deeppink;
}
.bgYellow{
background-color: yellow;
}
.noshow{
display: none;
}
.bigFont{
font-size: 100px;
}
</style>
</head>
<body&