Es gibt zwei Möglichkeiten, Steuerelemente mithilfe von JavaScript auszublenden: Eine besteht darin, die Attribute „Anzeige“ und „Sichtbarkeit“ des Steuerelementstils festzulegen. Das Steuerelement ist sichtbar, wenn style.display="block" oder style.visibility="visible" ist, und unsichtbar, wenn style.display="none" oder style.visibility="hidden". Der Unterschied besteht darin, dass „Anzeige“ nicht nur das Steuerelement ausblendet, sondern auch, dass das ausgeblendete Steuerelement nicht mehr die Position einnimmt, die es bei der Anzeige einnimmt, während das durch „Sichtbarkeit“ ausgeblendete Steuerelement das Steuerelement nur auf unsichtbar setzt und das Steuerelement weiterhin seine ursprüngliche Position einnimmt Position.
Kopieren Sie den Codecode wie folgt:
Funktion displayHideUI()
{
var ui = document.getElementById("bbs");
ui.style.display="none";
}
Funktion displayShowUI()
{
var ui = document.getElementById("bbs");
ui.style.display=" ";//Es funktioniert, wenn die Anzeige leer ist, aber wenn es sich um einen Block handelt, wird das folgende Leerzeichen umbrochen.
}
Funktion VisibilityHideUI()
{
var ui = document.getElementById("bbs");
ui.style.visibility="hidden";
}
Funktion VisibilityShowUI()
{
var ui = document.getElementById("bbs");
ui.style.visibility="visible";
}
</script>
Wertbeschreibung
none Dieses Element wird nicht angezeigt.
Block Dieses Element wird als Element auf Blockebene mit Zeilenumbrüchen vor und nach diesem Element angezeigt.
Inline-Standard. Dieses Element wird als Inline-Element ohne Zeilenumbrüche vor oder nach dem Element angezeigt.
inline-block Inline-Blockelement. (Neuer Wert in CSS2.1)
Listenelement Dieses Element wird als Liste angezeigt.
run-in Dieses Element wird je nach Kontext als Element auf Blockebene oder als Inline-Element angezeigt.
kompakt In CSS gibt es den Wert „compact“, der jedoch aus CSS2.1 entfernt wurde, da keine breite Unterstützung vorhanden ist.
marker Es gibt einen Wertmarker in CSS, der jedoch aus CSS2.1 entfernt wurde, da keine breite Unterstützung vorhanden ist.
Tabelle Dieses Element wird als Tabelle auf Blockebene angezeigt (ähnlich wie <Tabelle>), mit Zeilenumbrüchen vor und nach der Tabelle.
inline-table Dieses Element wird als Inline-Tabelle angezeigt (ähnlich wie <table>), ohne Zeilenumbrüche vor und nach der Tabelle.
table-row-group Dieses Element wird als Gruppe aus einer oder mehreren Zeilen angezeigt (ähnlich wie <tbody>).
table-header-group Dieses Element wird als Gruppe aus einer oder mehreren Zeilen angezeigt (ähnlich wie <thead>).
table-footer-group Dieses Element wird als Gruppe aus einer oder mehreren Zeilen angezeigt (ähnlich wie <tfoot>).
table-row Dieses Element wird als Tabellenzeile angezeigt (ähnlich wie <tr>).
table-column-group Dieses Element wird als Gruppe aus einer oder mehreren Spalten angezeigt (ähnlich wie <colgroup>).
Tabellenspalte Dieses Element wird als Zellenspalte angezeigt (ähnlich wie <col>)
table-cell Dieses Element wird als Tabellenzelle angezeigt (ähnlich wie <td> und <th>)
table-caption Dieses Element wird als Tabellentitel angezeigt (ähnlich wie <caption>)
inherit gibt an, dass der Wert des Anzeigeattributs vom übergeordneten Element geerbt werden soll.