如何通过JavaScript设置背景色

我正在使用lit元素开发我的web应用程序。我有一个物品清单，每个都有自己的颜色。我将其表述如下：

render() {
  return html`
  <div class='container'>
    ${this.items.map(item => html`
    <div class='item'>
      item.data
    </div>`
  </div>`
}

render（）{
返回html`
${this.items.map（item=>html`
项目.数据
`
`
}

每个项目都包含

数据

-关于项目的一些信息，以及

颜色

-此项目的背景色

我知道设置每个元素的bg颜色的几种方法：

+将颜色设置为

事件.目标.样式…..

这些方法都不如我希望的那么好：

错误的代码决策

对颜色数量的限制

太多的工作只是为了设置背景

那么，有什么好的方法来设置像这样的元素的背景色吗？

使用纯js

document.querySelector('.container').style.backgroundColor = "red";

你应该用camel case编写长css道具

用纯js

document.querySelector('.container').style.backgroundColor = "red";

---

你应该用camel case写长css道具

你说“1.糟糕的代码决策”是什么意思？1有什么不好？这是我的老师告诉我的。糟糕的老师没有提供足够的上下文。：-）我以前也读过一些文章，内联样式很糟糕。但是如果我认为我自己，我会说，在这种情况下，它很好。一旦你对解决方案有实际问题，你仍然可以更改它。你说“1.糟糕的代码决策”是什么意思1有什么不好？这是我的老师告诉我的。不好的老师没有提供足够的上下文。：-）我不久前也在某个地方读到过，内联样式不好。但如果我认为我自己，我会说，在这种情况下，它很好。一旦你对解决方案有实际问题，你仍然可以更改它。我已经讨论过了，它很好d、 第三点。我已经谈过了，这很糟糕。第三点。