Méthode : 1. Liez l'événement click à l'élément bouton et spécifiez la fonction de gestionnaire d'événement ; 2. Dans la fonction de gestionnaire d'événement, utilisez l'attribut style et l'attribut display pour que le bouton disparaisse une fois le bouton cliqué. La syntaxe. est "élément de bouton object.style .display="none"".
L'environnement d'exploitation de ce tutoriel : système Windows 10, version HTML5, ordinateur Dell G3.
L'objet Style représente une déclaration de style distincte. Un objet Style est accessible à partir du document ou de l'élément auquel le style est appliqué.
Utilisez la syntaxe de l'attribut d'objet Style :
document.getElementById("id").style.property="值"L'attribut display précise le type de boîte que l'élément doit générer.
Lorsque la valeur de l'attribut est définie sur aucun, cet élément ne sera pas affiché.
L'exemple est le suivant :
<html>
<head>
<script type="text/javascript">
function setStyle()
{
document.getElementById("anniu").style.display="none";
}
</script>
</head>
<body>
<button onclick="setStyle()" id="anniu">按钮</button>
</body>
</html>Résultat de sortie :
Tutoriel recommandé : "Tutoriel vidéo html"
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)
