如何在运行时更改/删除CSS类定义？

// 获取所有样式表
var styleSheets = document.styleSheets;

// 遍历样式表
for (var i = 0; i< styleSheets.length; i++) {
  var styleSheet = styleSheets[i];

  // 遍历样式表中的所有规则
  for (var j = 0; j< styleSheet.cssRules.length; j++) {
    var cssRule = styleSheet.cssRules[j];

    // 如果规则是一个CSS类定义
    if (cssRule.type === CSSRule.STYLE_RULE && cssRule.selectorText === '.my-class') {
      // 修改CSS类定义的样式属性
      cssRule.style.backgroundColor = 'red';
    }
  }
}

// 获取所有样式表
var styleSheets = document.styleSheets;

// 遍历样式表
for (var i = 0; i< styleSheets.length; i++) {
  var styleSheet = styleSheets[i];

  // 遍历样式表中的所有规则
  for (var j = 0; j< styleSheet.cssRules.length; j++) {
    var cssRule = styleSheet.cssRules[j];

    // 如果规则是一个CSS类定义
    if (cssRule.type === CSSRule.STYLE_RULE && cssRule.selectorText === '.my-class') {
      // 删除CSS类定义的规则
      styleSheet.deleteRule(j);
    }
  }
}