使用JavaScript DOM的模板文字

时间:2018-03-03 03:02:55

标签: javascript

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



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




1 个答案:

答案 0 :(得分:4)

它不起作用,因为您使用的是单引号。你需要使用反引号,如下:

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

顺便说一下,没有理由这样做:

`${variable}`

你可以使用

variable