学习使用js创建class样式的方法代码整理

在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样式，你可以根据实际需求选择合适的方法。