gpt4 book ai didi

javascript - 如何在点击时交换图像?

转载 作者:行者123 更新时间:2023-12-01 00:37:16 33 4
gpt4 key购买 nike

尝试学习基本的 javascript 函数和 html 编码。

<!DOCTYPE html>
<html lang="en">

<head>
<script>
var bigHeart = new Image();
bigHeart.src = "vDay.jpg"

function goBig() {
document.heart.src = bigHeart.src


}
</script>
<meta charset="UTF-8">
<title>Big Heart</title>
</head>

<body>
<header onClick="goBig()"><img id="heart" src="vDay2">
</header>

</body>

</html>

当用户单击网页上的标题时,期望图像与第二个图像交换。

最佳答案

我猜你正在尝试这样做

<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<title>Big Heart</title>
<script>
function goBig() {
document.getElementById("heart").src = "new image path/url";
}
</script>
</head>

<body>
<header onClick="goBig()">
<img id="heart" src="old image path/url">
</header>
</body>
</html>

关于javascript - 如何在点击时交换图像?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58018178/

33 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com