javascript - JS This 和模板字面量实践

Question

您好，当悬停在下面的其他三个框时，我无法让背景图像出现在顶部中间的框内。现在只有文本出现。感谢您的任何帮助，您可以提供。如果您需要更多说明，请告诉我。

我相信这是问题代码:

 document.getElementById('message').style.backgroundImage = `"url('${element.src}')";`;
        console.log(`"url('${element.src}')";`);
}

这是代码笔: https://codepen.io/vaughnick/pen/VygjZw

Answer 1

您需要删除 url() 周围的引号。

document.getElementById('message').style.backgroundImage = `url('${element.src}')`;
//                                                         ^                     ^ without
//                                                                                 "