试图在多个Div上更改背景图像" OnClick"

时间:2016-12-21 16:05:18

标签: javascript

我试图在每个部分中设置3个具有单独按钮的部分。按钮将更改其特定部分中div的背景图像。我已经让它工作了,但是当一个部分被激活时它会清除其他部分的背景图像?

这是我的剧本:

<script>
function changeImage(img){
    document.getElementById("store").style.backgroundImage = 'url(/Strat/img/stores/'+img+')';
    document.getElementById("busit").style.backgroundImage = 'url(/Strat/img/schools/'+img+')';
    document.getElementById("busit2").style.backgroundImage = 'url(/Strat/img/maps2/'+img+')';
}       
</script>

1 个答案:

答案 0 :(得分:1)

更改功能会在触发时影响所有三个图像。并且由于每个img值都是唯一的,因此在更新第三个时,它会清除其他两个div。 解决方案:尝试使用if else并通过匹配条件中的img值来分离图像更改操作。