Как применить стиль CSS в JavaScript для идентификатора генерируется во время выполнения

Question

В моем коде у меня есть таблица, в которой я хотел бы применить этот стиль:

#tableDiv tr:nth-child(even) { 
    background-color: grey; 
} 

В ид приведенный выше код Див, как известно (это tableDiv). В моем проекте id div генерируется во время выполнения, и это некоторая случайная строка. Как применить стиль в javascript-коде. Допустим, я сгенерировал идентификатор моего Див как это:

mContainer = document.createElement("div"); 
newId = divIdGenerator(); 
mContainer.setAttribute("id", newId); 

Что я должен делать дальше, чтобы применить свой стиль?

Answer 1

Вы должны использовать класс CSS

var mContainer = document.createElement("div"); 

//adds class "table-div" to element 
mContainer.classList.add('table-div'); 

.table-div tr:nth-child(even) { 
    background-color: grey; 
} 

Answer 2

Добавьте класс CSS, который делает это для вас:

.striped-table tr:nth-child(even) { 
    background-color: grey; 
} 

, а затем добавить класс к ClassList:

mContainer.classList.add("striped-table");