<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>点击事件</title>
<!-- 点一下就换一个图片-->
</head>
<body>
<img src="../img/1.jpg" id="pic1">
<script>
var flag = false;
//1.获取图片对象
var e1 = document.getElementById("pic1");
//2.绑定单击事件
e1.onclick = function () {
if (flag) {
e1.src = "../img/2.png";
flag= false;
}else{
e1.src = "../img/1.jpg";
flag = true;
}
}
</script>
</body>
</html>
JavaScript onclick事件简单使用
最新推荐文章于 2023-03-04 21:52:18 发布