Question

所以我尝试在点击时从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;
}

继续摇摆！

从div获取background-image src并将其设置为图像的src

1 个答案: