javascript - 具有JavaScript DOM的模板文字

我想知道为什么当我使用CSS样式的JavaScript DOM来应用此模板文字时，它为什么不起作用？非常感谢您在理解方面的帮助！

let rainColors = ['red', 'orange', 'yellow', 'green', 'blue', 'purple'];
            if (rainbows == true) {
              row.style.backgroundColor = '${rainColors[getRandomInt(6)]}';

最佳答案

它不起作用，因为您使用的是单引号。您需要使用反引号，例如：

let rainColors = ['red', 'orange', 'yellow', 'green', 'blue', 'purple'];
            if (rainbows == true) {
              row.style.backgroundColor = `${rainColors[getRandomInt(6)]}`;

顺便说一句，没有理由这样做：

`${variable}`

正如你可以使用

variable