具有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