具有JavaScript DOM的模板文字

Question

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

 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