在JavaScript或AngularJS中動態更改以下css

-4

如何在JavaScript或Angular中動態更改此CSS樣式？在JavaScript或AngularJS中動態更改以下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; 
}

我的問題是不同的：

Dynamically change a css class' properties with AngularJS

，因爲我用的是UI電網和這些都是默認在使用rowSelection gridOption行類。而不是有條件地更改班級，我需要更改班級的樣式

來源

2015-11-24 jay

納克級的你可能一般會過得更好？你可以顯示你的HTML請求 – Jax

[動態改變一個CSS類的屬性與AngularJS]可能重複（http://stackoverflow.com/questions/18918458/dynamically-change-a-css-class-properties-with-angularjs） – xeon48

在純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 
}

使用ng-class雖然

來源

2015-11-24 16:37:32 cjds

在JavaScript或AngularJS中動態更改以下css

回答

相關問題