主页 / 问题 / 609926
Accepted
Denisoed
Asked:2020-01-01 23:23:34 +0000 UTC2020-01-01 23:23:34 +0000 UTC

javascript。如何更改背景图像？

  • 772

大家好！我想在纯js上更改块的背景。有这段代码：

.block{
     background-image: url(img/img1.jpg);
 }


var btn = document.getElementById('btn');
btn.addEventListener('click', function(){changeBgImg();});

var block = document.getElementById('block');

function changeBgImg(){
    block.style.backgroundImage = 'img/img2.jpg'
}

但由于某种原因这段代码不起作用，背景没有改变。告诉我可能是什么问题？

javascript

1 个回答

  1. Best Answer

    以与中相同的方式书写css，即 连同url：

    var block = document.getElementById('block');

function changeBgImg(){
    block.style.backgroundImage = "url('https://cs7062.vk.me/c540107/v540107359/2729/fYQlS_23QdA.jpg')";
}

changeBgImg();
    #block {
  width: 200px;
  height: 200px;
}
    <div id="block">222</div>

    • 12

相关问题