js修改css样式

在JavaScript中可以通过以下几种方式修改CSS样式：

1. 使用style属性修改元素的行内样式：

var elem = document.getElementById('myElement');
elem.style.color = 'red';
elem.style.backgroundColor = '#ccc';

2. 修改元素的class属性：

var elem = document.getElementById('myElement');
elem.className = 'myClass';

3. 通过classList属性添加或删除元素的class：

var elem = document.getElementById('myElement');
elem.classList.add('myClass');
elem.classList.remove('myClass');

4. 修改元素的样式表（stylesheet）：

var stylesheet = document.styleSheets[0];
stylesheet.insertRule("#myElement { color: red; }", 0);
stylesheet.deleteRule(0);