Méthode d'implémentation : 1. Liez l'événement click au bouton et spécifiez une fonction de traitement d'événement ; 2. Utilisez l'instruction "document.getElementById (l'objet élément apparaît).style.display="block";" pour définir le clic L'élément bouton s'affiche.
L'environnement d'exploitation de ce tutoriel : système Windows 10, JavaScript version 1.8.5, ordinateur Dell G3.
Comment obtenir un effet d'apparence de clic en JavaScript
Créez d'abord un bouton et liez une fonction de traitement d'événement au bouton Dans la fonction de traitement d'événement, l'effet d'affichage d'élément peut être obtenu.
L'exemple est le suivant :
<!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>Résultat de sortie :
[Recommandations associées : Tutoriel d'apprentissage Javascript]
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
