js动态移除css

// 假设有一个元素 <div id="myDiv" style="color: red;">Hello World</div>
var element = document.getElementById('myDiv');
element.style.color = ''; // 移除颜色样式

// 假设有一个元素 <div id="myDiv" class="red-text">Hello World</div>
var element = document.getElementById('myDiv');
element.classList.remove('red-text'); // 移除类名

// 假设有一个 <link> 标签 <link id="myStylesheet" rel="stylesheet" href="styles.css">
var linkElement = document.getElementById('myStylesheet');
linkElement.parentNode.removeChild(linkElement); // 移除<link>标签

// 创建<style>标签
var style = document.createElement('style');
style.id = 'dynamic-style';
document.head.appendChild(style);

// 添加CSS规则
style.innerHTML = '.red-text { color: red; }';

// 移除<style>标签
var styleElement = document.getElementById('dynamic-style');
styleElement.parentNode.removeChild(styleElement);

// 假设有一个 <style> 标签 <style id="myStylesheet">.red-text { color: red; }</style>
var styleSheet = document.getElementById('myStylesheet').sheet;
for (var i = styleSheet.cssRules.length - 1; i >= 0; i--) {
    if (styleSheet.cssRules[i].selectorText === '.red-text') {
        styleSheet.deleteRule(i); // 移除规则
    }
}