css 如何获取一个img的url，将其设置为div的背景图片？

nwlls2ji 于 2022-11-19 发布在其他

关注(0)|答案(2)|浏览(256)

我得到了3个外部图像和一个div，我需要当我把鼠标放在3个图像中的任何一个上时，该图像将成为div的backgroundImage，当我把鼠标移出div时，我需要div获得它的原始背景。
我的代码笔

这就是我能做到的程度，但是我的代码只显示了三张图片中的第一张，我知道这是因为索引为0的缘故，但我就是不知道如何解决它。请各位帮帮我，我求求你们！

2条答案

我认为你的问题是你总是试图从JS文件第6行的图像数组中只得到第一个元素。你应该这样写：

let source = previewPic.getAttribute('src');

您可以使用**：hover**来执行此操作

.div1:hover{
    background-image : 'url/path'
}

.div2:hover{
    background-image : 'url/path'
}

.div3:hover{
    background-image : 'url/path'
}