„div“ mithilfe von JavaScript anzeigen/ausblenden
Beim Erstellen einer Website ist es oft wünschenswert, die Sichtbarkeit von Elementen umzuschalten. Dies kann mit JavaScript erreicht werden. Wenn Sie jedoch auf Probleme mit Ihrem Code stoßen, ziehen Sie diese möglichen Lösungen in Betracht:
Manipulieren der Eigenschaft „display“
Um ein Element anzuzeigen oder auszublenden, legen Sie fest style-Eigenschaft 'display' auf den gewünschten Wert:
1 2 3 4 5 |
|
Manipulieren der 'Sichtbarkeit' Eigenschaft
Wenn Sie möchten, dass ein Element auch im ausgeblendeten Zustand weiterhin Platz einnimmt, passen Sie stattdessen die Eigenschaft „Sichtbarkeit“ an:
1 2 3 4 5 |
|
Umgang mit Elementsammlungen
Um mehrere Elemente auszublenden, iterieren Sie und stellen Sie die „Anzeige“ jedes Elements auf ein 'none':
1 2 3 4 5 |
|
Anwenden des Fixes auf Ihren Code
In Ihrem Code funktioniert die zweite Funktion nicht, weil sie versucht, div2 durch div1 zu ersetzen Inhalt. Um div2 anzuzeigen, ersetzen Sie diese Zeile in der zweiten Funktion:
1 |
|
durch diese:
1 |
|
Durch Anpassen dieser Eigenschaften und Anwenden dieser Techniken sollten Sie nun in der Lage sein, das umzuschalten Sichtbarkeit Ihrer Divs nach Wunsch.
Das obige ist der detaillierte Inhalt vonWie kann ich DIV-Elemente mit JavaScript ein- und ausblenden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!