Question

好的，我想知道这是否可行。我想要一个图像，一个完全独立的按钮。单击按钮时，我希望Img Src从“images / test”更改为“images / test2”

这可能吗？

我们只想说我有一个非常简单的网站，只有一个图像和一个按钮

 <html> 
<head>...
</head>
<body>
<img src="images/test"/>
<br/><br/><br/>
<button>Click to change image!</button>
</body>
</html>

如何更改这个非常简单的HTML来做我想要的？

Answer 1

首先，您的代码中未关闭img标记。其次，您可以使用简单的javascript或jQuery在单击按钮时更改图像src。

<html> 
<head> 
<script> 

function changeImage()
{
var img = document.getElementById("image");
img.src="images/test2";
return false;
}

</script>

</head>
<body>
<img id="image" src="images/test" />
<br><br><br>
<button id="clickme" onclick="changeImage();">Click to change image!</button>
</body>
</html>

HTML按钮更改图像源

1 个答案: