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

标签 javascript html image src

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

关于javascript - 使用 javascript 更改图像 src 文件不会更改显示的图片,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16626324/

相关文章:

javascript - 正则表达式不能正常工作 neos

javascript - 检索和使用 json 关联数组

javascript - 将滚动事件绑定(bind)到 iframe

html - 使用 CSS 和 HTML 最大化网页上的图像

Android WebView概览模式加载放大的图像

javascript - 在javascript中显示触发鼠标事件的元素名称

html - 添加了多个空白链接的 CSS

php - 如何移动表格列?

c# - 插值算法的速度,C# 和 C++ 协同工作

javascript - 过滤对象数组以仅具有具有相同特定属性的该对象的最后一次出现