Dieser Artikel beschreibt die Lösung für den ungültigen Stil. Display = "" in JS. Teilen Sie es für Ihre Referenz. Die spezifische Lösung lautet wie folgt:
1. Problembeschreibung:
In JS möchten wir manchmal eine DIV dynamisch steuern, um Operationen anzuzeigen oder zu verbergen, aber wenn wir style. -display = "" kann zu keinem Effekt führen.
Schauen Sie sich den folgenden Code an:
Kopieren Sie den Code wie folgt: <Styles>
#Name
{
Anzeige: Keine;
}
</style>
</head>
<body>
<div id = "name">
Mein Name ist Lächeln.
</div>
</body>
</html>
<Script>
window.onload = function () {
document.getElementById ('name'). style.display = "";
Alert ("Test");
}
</script>
CSS definiert den DIV mit dem ID -Namen als versteckt, und nachdem die Seite geladen wurde, verwenden wir JS, um die Anzeige der ID zu steuern. Gibt es einen Fehler beim Schreiben?
Gibt es einen Fehler? Aber warum ist die Oberfläche noch leer?
2. Lösung:
Denken Sie daran, dass es eine weitere Verwendung von xxx.style.display = "Block" gibt und es dann versuchen.
Leider hat es sich tatsächlich gezeigt! ! !
Dann überprüfen wir den Unterschied zwischen style.display = "" und style.display = "block".
Tatsächlich besteht der größte Unterschied zwischen diesen beiden darin, dass Block von Blöcken angezeigt wird, sodass es Linienbrüche geben. Da es also nur einen solchen Unterschied gibt, warum kann man in diesem und anderen nicht angezeigt werden? Sorge.
Okay, lass uns zuerst zu diesem Problem gehen. Mal sehen, wie wir es im aktuellen Problem lösen. Zusätzlich zur Verwendung von style.display = "block", um es zu lösen, gibt es auch einen anderen Weg:
Kopieren Sie den Code wie folgt: <div id = "name" style = "Anzeige: Keine">
Mein Name ist Lächeln.
</div>
<Script>
document.getElementById ('name'). style.display = "";
</script>
Es soll einen Stil mit dem ID -Namen verwenden, um in das Tag zu erstellen, damit es normalerweise angezeigt werden kann, unabhängig davon, ob es angezeigt wird. "" Oder angezeigt = "Block"!
Ich hoffe, dass die Beschreibung in diesem Artikel basierend auf JavaScript für die Webprogrammierung aller hilfreich ist.