使用javascript更改图像src文件不会改变显示的图片

Changing a an image src file using javascript wont change picture displayed

本文关键字：改变 显示 文件 javascript 图像 src 使用      更新时间：2023-09-26

这里是div

<div id="trafficcam" style="text-align:center;display:none;">
<img id="image" src="http://131940.qld.gov.au/DMR.Controls/WebCams/DisplayImage.ashx?FilePath=Gold_Coast/GrandisSth.jpg" alt="Sorry, no traffic cam is available">

，我想改变文件的src，这样当一个按钮被按下图像改变。我不能真的隐藏它，让它显示一个不同的，因为这个div是为交通摄像头，我宁愿让它更紧凑一点。

执行的按钮是

<input type=button  value="cam" onclick="selectCam()">

我已经测试过了，它可以工作

它调用的函数是:

      function selectCam()
{
alert(document.getElementById("image"))
             document.getElementbyId("image").src="http://i.imgur.com/zP9kTfe.jpg";
         }

当按下按钮时，它似乎不会改变页面上的任何内容

没有方法getElementbyId，它被称为getElementById。检查错误控制台，应该有类似

的内容
Unhandled Error: 'document.getElementbyId' is not a function

还要注意阴险的getElementByID ("D"不应该大写)

相关文章：