我想用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
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
