Kaedah pelaksanaan: 1. Ikat acara klik pada butang dan nyatakan fungsi pemprosesan acara; 2. Gunakan "document.getElementById("nilai id imej").style.display="block dalam pemprosesan acara; fungsi Pernyataan ";" boleh ditetapkan untuk memaparkan imej dengan mengklik butang.
Persekitaran pengendalian tutorial ini: sistem Windows 10, versi JavaScript 1.8.5, komputer Dell G3.
Cara menggunakan JavaScript untuk mencapai kesan gambar yang muncul pada klik
Dalam JavaScript, anda boleh mengikat acara klik dahulu pada butang dan rumuskan fungsi pemprosesan masa Menukar atribut paparan elemen gambar dalam fungsi pengendali acara membolehkan gambar muncul apabila mengklik butang Contoh adalah seperti berikut:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
img{
display:none;
}
</style>
</head>
<body>
<button onclick="showimg()">显示图片</button>
<img src="1118.02.png" id="test">
<script>
function showimg(){
document.getElementById('test').style.display="block";
}
</script>
</body>
</html>Hasil keluaran: <.>
Tutorial pembelajaran javascript]
Atas ialah kandungan terperinci Cara menggunakan JavaScript untuk mencapai kesan imej apabila diklik. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
