Solution invalide pour style.display='' dans les compétences js_javascript

L'exemple de cet article décrit la solution au style.display="" invalide dans js. Partagez-le avec tout le monde pour votre référence. Les solutions spécifiques sont les suivantes :

1. Description du problème :

En js, on souhaite parfois contrôler dynamiquement l'affichage ou le masquage d'un div ou de plusieurs opérations, mais si on style.display="", cela peut n'avoir aucun effet.

Regardez le morceau de code suivant :

Copier le code Le code est le suivant :

Je m'appelle sourire.

<script><br> window.onload=function(){<br> document.getElementById('name').style.display="";<br> alert("test");<br> ><br> </script>

css définit le div avec l'identifiant comme nom comme caché, et nous utilisons js pour contrôler l'identifiant à afficher après le chargement de la page. Est-ce faux ?
Rien de mal ? Mais pourquoi l’interface est-elle toujours vide ?

2.Solution :

N'oubliez pas qu'il existe un autre usage : xxx.style.display="block" Essayons-le,
Woohoo, il est effectivement apparu ! ! !

Jetons un coup d'œil aux différences entre l'utilisation de style.display="" et style.display="block".
En fait, la plus grande différence entre les deux est que le bloc est affiché en blocs, donc il sera enroulé. Donc, puisqu'il n'y a qu'une telle différence, pourquoi l'un peut-il être affiché et l'autre ne peut pas être affiché dans cet exemple ?
D'accord, mettons ce problème de côté pour l'instant. Voyons d'abord comment nous pouvons résoudre ce problème. En plus d'utiliser style.display="block" pour le résoudre, il existe un autre moyen :

.

Copier le code Le code est le suivant :

Je m'appelle sourire.

<script><br> Document.getElementById('name').style.display="";<br> </script>

Utilisez simplement style pour créer le style avec le nom d'identification dans la balise, afin qu'il puisse être affiché normalement indépendamment de l'utilisation de display="" ou display="block" !

J'espère que cet article sera utile à la programmation Web de chacun basée sur JavaScript.