javascript - 带有 JavaScript DOM 的模板文字

Question

我想知道为什么当我使用 JavaScript DOM 为 css 样式应用这个模板文字时它不起作用？非常感谢您帮助理解这一点!

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

Answer 1

它不起作用，因为您使用的是单引号。你需要使用反引号，像这样:

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

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

`${variable}`

你可以随便用

variable