使用document.getElementById改变div的背景图片时 图片不显示？

  • Z时代
  • 2024-02-06
  • 分类：IT

使用document.getElementById改变div的背景图片时 图片不显示？使用document.getElementById改变div的背景图片时 图片不显示？

如图所示，都显示已经添加上了，但是一点击就成了空白。

<div
            id="box_img1"
            @click="go1()"
          >
            <p>经 济 因 素</p>
</div>
go1() {
      document.getElementById("box_img1").style.backgroundImage="url(./../../../assets/student/img/marketa1.jpg)";
      document.getElementById("box_img1").style.backgroundRepeat = "no-repeat";
      document.getElementById("box_img1").style.backgroundSize = "100% 100%";
}

到底是啥原因，一直没找到，求指点。图片的路径没有问题，它就是显示不上，究竟是哪的问题，一直找不到原因。

回答：

给div通过css设置宽和高

以上是 使用document.getElementById改变div的背景图片时 图片不显示？ 的全部内容， 来源链接： utcz.com/p/936820.html

回到顶部