如何借助 querySelector 更改背景图像

Cin*_*ndy 4 html javascript css background-image jquery-selectors

我只是想知道如何在使用查询选择器后设置 div 块的背景图像。下面是我的测试。但这些都不起作用……请帮忙。

<!DOCTYPE html>
<html>
<body>
<div class="A">
<h1>Hello World!</h1>
<button type="button" onclick="myFunction()">Set background image</button>


</div>
</body>
</html>
<script>
function myFunction()
{
document.querySelector(".A").style.background="yellow"; //work
document.querySelector(".A").style.setProperty("backgroundImage", "url('2.jpg')")// not work
document.querySelector(".A").style.backgroundImage = "url('2.jpg')" //not work
}
</script>
Run Code Online (Sandbox Code Playgroud)

Cin*_*ndy 5

document.querySelector(".A").style.background="url('2.jpg')"; 
Run Code Online (Sandbox Code Playgroud)

我完全测试了该代码并且它有效。