如何改变身体的背景与按钮?

时间:2019-02-02 15:53:56

标签: javascript html css

要在学校做作业,我需要将身体的背景更改为我单击的任何按钮(div)的背景。

我没有得到什么,我在这里做是错误的。我不必使用querySelector()然后添加.style.backgroundImage进行更改吗?

function btnClick() {
  var bgImg = document.querySelector('body').style.backgroundImage = "url(https://www.planwallpaper.com/static/cache/86/dd/86ddabfea12cf403e6a7e5850f272cc9.jpg)"; 
    // was url(../img/img1.png)
}
.Btn {
  border-radius: 100%;
  background-color: #CCC;
  width: 128px;
  height: 128px;
  border: 2px solid white;
  box-shadow: 1px 1px 10px black;
}

.Btn:hover {
  cursor: pointer;
}

#Btn1 {
  background-image: url(https://www.planwallpaper.com/static/cache/86/dd/86ddabfea12cf403e6a7e5850f272cc9.jpg);
  background-size: cover;
  background-repeat: none;
}
<div class="Btn" onclick="btnClick ()" id="Btn1"></div>

0 个答案:

没有答案