javascript - 功能改变图像不起作用，为什么

Question

我想创建一个函数，将 url 设置为照片，然后使用该照片更改所选 div 的背景图像。

function changePhoto(id) {
            var y = document.getElementById("baza_big_photo");
            y.style.display = "block";
            var z = '"' + "url(" + "'" + "./assets/min_images/" + id + ".jpg" + "'" + ")" + '"';
                y.style.backgroundImage = z;
                console.log(z);
        }

例如，我发送 tn_baza01(照片名称)作为参数，但图像没有显示在我更大的 div 中 :(

我有 20 个具有不同 ID 的小 div 和一个大的在上面。当我点击小图片时，它应该将更大的 div background-image 更改为该图片。

Answer 1

您不应该将 url(..) 包装在 "

中

所以改成

var z = "url('./assets/min_images/" + id + ".jpg')";

应该解决问题