Cet article décrit la solution au style invalide.display = "" dans js. Partagez-le pour votre référence. La solution spécifique est la suivante:
1. Description du problème:
Dans JS, nous voulons parfois contrôler dynamiquement un div pour afficher ou masquer ou plus d'opérations, mais si nous style.display = "" peut entraîner aucun effet.
Regardez le code suivant:
Copiez le code comme suit: <style>
#nom
{
Affichage: aucun;
}
</ style>
</ head>
<body>
<div id = "name">
Mon nom est un sourire.
</div>
</docy>
</html>
<cript>
window.onload = function () {
document.getElementById ('name'). style.display = "";
alert ("test");
}
</cript>
CSS définit le div avec le nom de l'ID comme caché, et une fois la page chargée, nous utilisons JS pour contrôler l'affichage de l'ID. Y a-t-il une erreur dans l'écriture?
Y a-t-il une erreur? Mais pourquoi l'interface est-elle toujours vide?
2. Solution:
N'oubliez pas qu'il y a une autre utilisation de xxx.style.display = "block" puis essayons-le.
Hélas, cela a montré! ! !
Vérinons ensuite la différence entre style.display = "" et style.display = "bloc".
En fait, la plus grande différence entre ces deux est que le bloc est affiché par des blocs, il y aura donc des pauses de ligne. Donc, comme il n'y a qu'une telle différence, pourquoi peut-on être affiché dans cet exemple et l'autre non? Inquiétude.
D'accord, allons d'abord à ce problème. Voyons comment nous le résolvons dans le problème actuel. En plus d'utiliser Style.display = "Block" pour le résoudre, il existe un autre moyen:
Copiez le code comme suit: <div id = "name" style = "affiche: aucun">
Mon nom est un sourire.
</div>
<cript>
document.getElementById ('name'). style.display = "";
</cript>
Il s'agit d'utiliser le style avec le nom d'identification pour intégrer dans la balise, afin qu'il puisse être affiché normalement, qu'il soit affiché = "" ou affiché = "bloc"!
J'espère que la description de cet article sera utile à la programmation Web de chacun basée sur JavaScript.