学习使用js创建class样式的方法代码整理
- 1、直接在JavaScript中添加样式
- 2、创建一个class并通过JavaScript添加到元素上
- 3、使用JavaScript动态创建并添加style标签
在JavaScript中创建一个class样式可以通过以下几种方式
1、直接在JavaScript中添加样式
document.getElementById('qipa250').style.color = 'blue';
document.getElementById('qipa250').style.fontSize = '20px';
2、创建一个class并通过JavaScript添加到元素上
// CSS
.qipa250Class {
color: blue;
font-size: 20px;
}
// JavaScript
document.getElementById('myElement').classList.add('qipa250Class ');
3、使用JavaScript动态创建并添加style标签
<div id="qipa250">奇葩天地网</div>
var style = document.createElement('style');
style.innerHTML = `.qipa250Class {
color: blue;
font-size: 20px;
}`;
document.head.appendChild(style);
var element = document.getElementById('qipa250');
element.classList.add('qipa250Class ');
以上三种方法都可以在JavaScript中创建class样式,你可以根据实际需求选择合适的方法。