js 移除css

// 假设有一个元素 <div id="myDiv" style="color: red;">Hello World</div>
var element = document.getElementById('myDiv');
element.style.cssText = ''; // 移除所有内联样式
// 或者
element.style.color = ''; // 移除特定样式，例如颜色

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

// 假设有一个CSS规则 .red-text { color: red; }
// 方法一：改变CSS规则
var styleSheet = document.styleSheets[0]; // 获取第一个样式表
for (var i = 0; i < styleSheet.cssRules.length; i++) {
    if (styleSheet.cssRules[i].selectorText === '.red-text') {
        styleSheet.deleteRule(i); // 删除规则
        break;
    }
}

// 方法二：覆盖CSS规则
document.body.style.setProperty('--red-text-color', 'initial'); // 假设使用CSS变量

// 假设有一个外部样式表 <link id="myStylesheet" rel="stylesheet" href="styles.css">
var linkElement = document.getElementById('myStylesheet');
linkElement.parentNode.removeChild(linkElement); // 移除链接元素