Kaedah pelaksanaan: 1. Ikat acara klik pada butang dan nyatakan fungsi pemprosesan acara; 2. Gunakan "document.getElementById(elemen objek muncul).style.display="block"; dalam pemprosesan acara; function; "Tetapan penyata boleh dipaparkan dengan mengklik elemen butang.
Persekitaran pengendalian tutorial ini: sistem Windows 10, versi JavaScript 1.8.5, komputer Dell G3.
Bagaimana untuk mencapai kesan penampilan klik dalam JavaScript
Mula-mula buat butang dan ikat fungsi pemprosesan acara pada butang, yang boleh dilaksanakan dalam fungsi pemprosesan acara Kesan paparan elemen.
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>
div{
width:200px;
height:200px;
background:red;
display:none;
}
</style>
</head>
<body>
<button onclick="showimg()">显示图片</button>
<div id="test"></div>
<script>
function showimg(){
document.getElementById('test').style.display="block";
}
</script>
</body>
</html>Hasil keluaran:
[Cadangan berkaitan: Tutorial pembelajaran javascript】
Atas ialah kandungan terperinci Bagaimana untuk mencapai kesan penampilan klik dengan JavaScript. 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)
