在JavaScript或AngularJS中动态更改以下css

如何在JavaScript或Angular中动态更改此css样式

 .ui-grid-row.ui-grid-row-selected > [ui-grid-row] > .ui-grid-cell{
        background-color: transparent;
        color: #0a0;
  }
  .ui-grid-cell-focus {
    outline: 0;
    background-color: transparent;
}

我的问题不同于：

---

因为我使用的是ui网格，而这些是使用rowSelection网格选项默认设置到行上的类。我需要在纯Javascript中更改类的样式，而不是有条件地更改类，您不能直接编辑该类。但是，您可以编辑此类所属的每个元素。这看起来像这样

var myElements = document.querySelectorAll(".ui-grid-row.ui-grid-row-selected > [ui-grid-row] > .ui-grid-cell");

for (var i = 0; i < myElements.length; i++) {
    myElements[i].style.opacity = 0; //making them invisible
    myElements[i].classList.add("ui-grid-cell-focus"); //adding a class
 }

var myElements=document.queryselectoral（“.ui-grid-row.ui-grid-row-selected>[ui-grid-row]>.ui网格单元格”）；
对于（var i=0；i

---

一般来说，您最好使用

ng类

，尽管ng类？你能出示你的html文件吗