为什么我的div点击后背景图片无法更改？

本篇文章主要是结合我之前面试的各种经历和实战开发中遇到的问题解决经验整理的，希望这篇《为什么我的div点击后背景图片无法更改？》对你有很大帮助！欢迎收藏，分享给更多的需要的朋友学习~

无法通过document.getelementbyid更改div背景图片？

问题描述：如图片所示，通过点击修改div的背景图片，但实际点击后图片却无法显示。

例如下面代码：

  
经济因素

go1() {
  document.getelementbyid("box_img1").style.backgroundimage = "url(./../../../assets/student/img/marketa1.png)";
  document.getelementbyid("box_img1").style.backgroundrepeat = "no-repeat";
  document.getelementbyid("box_img1").style.backgroundsize = "100% 100%";
}

解决方案：

问题出在div未设置宽和高，导致无法正确显示背景图片。为div添加以下css样式即可解决问题：

#box_img1 {
  width: 100px;
  height: 100px;
}

本篇关于《为什么我的div点击后背景图片无法更改？》的介绍就到此结束啦，但是学无止境，想要了解学习更多关于文章的相关知识，请关注golang学习网公众号！