如何在HTML中动态更改图像的来源?

Jos*_*osh 8 html

请帮助我解决这个问题我试图动态更改图像的来源.

Sam*_*son 15

客户端(动态)图像交换......

你需要使用javascript:

<img src="image1.jpg" id="myImage" />

<script type="text/javascript">
  document.getElementById("myImage").src = "image2.jpg";
</script>
Run Code Online (Sandbox Code Playgroud)

介绍jQuery ......

如果这是您正在寻找的响应类型,那么我还想向您发出邀请以开始签出和jQuery这样的javascript框架,这使得这类内容更容易进行/管理.在jQuery中,您可以使用以下代码完成相同的操作:

$("#myImage").attr("src", "image2.jpg");
Run Code Online (Sandbox Code Playgroud)