Ungültige Lösung für style.display="" in js_javascript-Kenntnissen

Das Beispiel in diesem Artikel beschreibt die Lösung für das ungültige style.display="" in js. Teilen Sie es als Referenz mit allen. Die spezifischen Lösungen lauten wie folgt:

1. Problembeschreibung:

In js möchten wir manchmal die Anzeige oder das Ausblenden eines Divs oder mehrerer Vorgänge dynamisch steuern, aber wenn wir style.display="", hat dies möglicherweise keine Auswirkung.

Sehen Sie sich den folgenden Code an:

Code kopieren Der Code lautet wie folgt:

Mein Name ist Lächeln.

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

CSS definiert das Div mit der ID als Namen als versteckt, und wir verwenden js, um die ID zu steuern, die nach dem Laden der Seite angezeigt werden soll. Ist das falsch?
Alles in Ordnung? Aber warum ist die Schnittstelle immer noch leer?

2. Lösung:

Denken Sie daran, dass es eine andere Verwendung gibt: xxx.style.display="block" Probieren wir es aus,
Juhuu, es ist tatsächlich aufgetaucht! ! !

Lassen Sie uns den Unterschied zwischen style.display="" und style.display="block" überprüfen.
Tatsächlich besteht der größte Unterschied zwischen den beiden darin, dass der Block in Blöcken angezeigt wird und daher nur ein solcher Unterschied besteht. Warum kann in diesem Beispiel einer angezeigt werden und der andere nicht?
Okay, lassen Sie uns dieses Problem zunächst beiseite legen. Schauen wir uns zunächst an, wie wir dieses Problem lösen können. Zusätzlich zur Verwendung von style.display="block" gibt es noch einen anderen Weg:

Code kopieren Der Code lautet wie folgt:

Mein Name ist Lächeln.

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

Verwenden Sie einfach style, um den Stil mit dem ID-Namen in das Tag einzubauen, damit er unabhängig von der Verwendung von display="" oder display="block" normal angezeigt werden kann!

Ich hoffe, dass dieser Artikel für alle bei der Webprogrammierung auf Basis von JavaScript hilfreich sein wird.