为什么我的JavaScript语句不能正确更改背景图像？

Question

我正在尝试使用此代码设置div的背景图像。但是它不起作用。 如果我改为使用backgroundColor，那么它可以正常工作。 谁能告诉我这怎么了。 对不起，菜鸟问题。

<button onclick="document.getElementById('ab').style.backgroundImage='url("pexel.jpg")'">Click me</button>

Answer 1

语法错误，请参见下文

<button onclick="document.getElementById('ab').style.backgroundImage='url(pexel.jpg)'">Click me</button>

使用'url(pexel.jpg)'代替'url("pexel.jpg")'

Answer 2

url（）分配中的引号引起了问题。 您需要正确地逃避它们。

<button onclick="document.getElementById('ab').style.backgroundImage='url(\'pexel.jpg\')';">Click me</button>