JavaScript 试图改变图像

标签 javascript html css image

同一个文件夹目录下有四个文件

- 1.jpg 
- 2.jpg 
- index.html 
- 1.js

我希望编写代码,使其首先加载 1.jpg,但接下来会加载 2.jpg

JavaScript 是

var img = new Image();   // Create new img element
img.src = '2.jpg';


var getElementIMG = document.getElementById("imageid");
getElementIMG.src = img.src;

HTML 是

<img id="imageid" src="1.jpg">

但是当页面完成加载时它仍然显示 1.jpg

最佳答案

试试这个:

<!doctype html>
    <html>
       <body>
          <img id="imageid" src="1.jpg">
          <script>
              var getElementIMG = document.getElementById("imageid");
              getElementIMG.src = '2.jpg';
          </script>
       </body>
    </html>

关于JavaScript 试图改变图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21007215/

相关文章:

javascript - 如何在服务器端运行 firebase?

javascript:重定向到页面?

javascript - 在 div 中居中 "i"元素

html - 将换行符转换为 HTML 中的段落?

javascript - AngularJs $q.defer() 不工作

javascript - 检查 TinyMCE 是否在 WordPress 中处于事件状态的方法

javascript - 如果我给大填充/边框,边框框不工作

javascript - 如何使用 jQuery 删除一个类

javascript - 如何通过内容查询获取图标?

ios - Safari iOS | 100%-高度页面对于视口(viewport)来说太高了