用javascript替换图像

我想用javascript替换gif文件。我找到了下面的方法。有什么办法可以将 javascript 标签放在 img 标签之前吗？

<img class="myImg" src="compman.gif" width="107" height="98">

<script>
    document.getElementsByClassName("myImg")[0].src = "hackanm.gif";
</script>

在文档“准备好”之前，无法安全地操作页面。使用 jquery 的$(document).ready()，它会等到页面加载完毕并准备好进行操作后才执行（无论它在页面的哪个位置）。例子：

<script>
    $(document).ready(function() {
        document.getElementsByClassName("myImg")[0].src = "hackanm.gif";
    });
</script>
<img class="myImg" src="compman.gif" width="107" height="98">

然后，您还可以利用 jquery 内部的选择器（例如$(".class")其中 class 是你的班级，或者$("#id")其中 id 是 id）并将代码更改为：

<script>
    $(document).ready(function() {
        $(".myImg").attr('src',"hackanm.gif");
    });
</script>
<img class="myImg" src="compman.gif" width="107" height="98">

此外，如果您以后想在 javascript 中更改它，您甚至可以将其存储在变量中！

<script>
    $(document).ready(function() {
        var myImg = $(".myImg");
        var newImg = "hackanm.gif";
        myImg.attr('src', newImg);
    });
</script>
<img class="myImg" src="compman.gif" width="107" height="98">

希望这可以帮助您学习 javascript 中的一些新技巧！快乐编码！

更多信息 https://stackoverflow.com/questions/554273/changing-the-image-source-using-jquery