javascript - 使用 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