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

Question

基本上我有这个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";

         }

按下按钮时，似乎没有改变页面上的任何内容

Answer 1

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

的内容

Unhandled Error: 'document.getElementbyId' is not a function

Answer 2

还要注意阴险的getElementByID（“D”不应大写）。