Javascript 无法获取将图片更改为工作状态的函数

我已经更新了代码，这似乎仍然不起作用，我已经验证了js文件是否正确指向，但当我单击任何选项时，图片拒绝更新

这是我的代码：

函数颜色（）{
if（document.getElementById（'carcolor'）。值='Red'）{
document.getElementById（'car_pic'）.src='image/Red.jpg'；
}
if（document.getElementById（'carcolor'）。值='Blue'）{
document.getElementById（'car_pic'）.src='image/BLue.jpg'；
}
if（document.getElementById（'carcolor'）。值='Silver'）{
document.getElementById（'car_pic'）.src='image/Silver.jpg'；
}
if（document.getElementById（'carcolor'）。值='White'）{
document.getElementById（'ccar_pic'）.src='image/White.jpg'；
}
if（document.getElementById（'carcolor'）。值='Black'）{
document.getElementById（'car_pic'）.src='image/Black.jpg'；
}
}
checkcolor（）

选择一种颜色
红色
蓝色
银币
白色
黑色
document.getElementById和标记中的ID相关，您可以将它指向图像标记的替代名称。此外，您指定的语句不在括号内

if (document.getElementById('select1').value == 'Red'){} <-- Here
document.getElementById('car picture').src ='image/Red.jpg';

希望能有帮助

编辑：在你的问题下面的两条评论后发布，两条评论都很好地解释了它
多个问题：


id
不能包含空格
您在JS中使用了错误的
id
s
您将
id
s附加到html中的错误元素
您正在调用
checkcolor
，但将函数定义为
color
最好避免内联事件处理程序
避免多次获取相同的DOM元素，最好将其存储在变量中
如果

条件句使用错误，则使用

您可以使用一个对象，在给定选定值的情况下给出图像的URL，而不必使用这么多条件


var sel=document.getElementById（'select1'），
img=document.getElementById（'car_pic'），
imgURLs={
红色：“image/Red.jpg”，
蓝色：“image/Blue.jpg”，
Silver:'image/Silver.jpg'，
白色：“image/White.jpg”，
黑色：“image/Black.jpg”
};
函数checkcolor（）{
img.src=imgURLs[sel.value]；
}
sel.onchange=检查颜色；
checkcolor（）

选择一种颜色
红色
蓝色
银币
白色
黑色
查看您的img-element的id。您的代码中有多个错误：）id不应与空格一起使用，并且该值用于select not for div和最后一个if条件下的{}……我已经尝试了您在上面发布的内容和我的问题中新编辑的代码，但它似乎从未放入所需的图片中。为什么？
if (document.getElementById('select1').value == 'Red'){
document.getElementById('car picture').src ='image/Red.jpg';
}