javascript - 从 div 获取背景图像 src 并将其设置为图像的 src

Question

因此，我试图在单击 div 时从 div 中获取背景图像，并将其设置为页面其他位置的 img 元素的 src。问题是我收到一条错误消息，指出找不到该文件。我知道这与我分配给 img 的 src 的路径有关，但是我看不出代码有什么问题。

当有问题的 div 被点击时它调用一个函数

document.getElementById('rice-bowl').onclick=openModal; 

下面是实际的功能

var openModal=function(){
        var image= $(this).css('background-image').slice(4,-1);
        console.log(image);
        var modalImg = document.getElementById("img01");
        modalImg.src = image;
        console.log(modalImg.src);
    }

两个outputs to console根据这个逻辑应该是相同的，但是它们不是。同样，我们将不胜感激任何帮助!

Answer 1

这应该是:

$("#rice-bowl").click(function() {
    var bg = $(this).css('background-image');
    bg = bg.replace('url(','').replace(')','').replace(/\"/gi, "");
    var modalImg = document.getElementById("img01");
    modalImg.src = bg;
}

继续摇摆!