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

Question

I am trying to set a background Image of a div with this code .But it is not working. If i use backgroundColor instead then it works fine . Can anyone tell me whats wrong with this . Sorry for noob question.

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

Answer 1

Syntax error, see below

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

Use 'url(pexel.jpg)' instead of 'url("pexel.jpg")'

Answer 2

The quotes in the url() assignment are what's causing the issue. You need to escape them correctly.

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