Maison >interface Web >Questions et réponses frontales >Comment faire disparaître le bouton après avoir cliqué dessus en HTML5
Comment faire disparaître le bouton après avoir cliqué dessus en HTML5
- WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBoriginal
- 2022-01-23 14:10:176006parcourir
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.
Comment faire disparaître le bouton après avoir cliqué dessus dans html5
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!