如何在javascript中为运行时生成的id应用CSS样式

Question

在我的代码中，我有一个表格，我想应用这种风格：

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

在上面的代码中，div的id是已知的（它是tableDiv）。在我的项目中，div的id在运行时生成，它是一些随机字符串。如何在javascript代码中应用样式。 假设我生成了我的div的id：

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

我应该怎样做才能应用我的风格？

Answer 1

你应该使用CSS类

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

SQLiteOpenHelper()

Answer 2

添加一个为您执行此操作的CSS类：

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

然后将该类添加到类列表中：

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