Heim Web-Frontend js-Tutorial Zwei Möglichkeiten zum Ein- und Ausblenden von Steuerelementen in js_javascript-Skills

Zwei Möglichkeiten zum Ein- und Ausblenden von Steuerelementen in js_javascript-Skills

May 16, 2016 pm 04:38 PM
控件 显示 隐藏

Es gibt zwei Möglichkeiten, Steuerelemente mithilfe von JavaScript auszublenden, nämlich durch Festlegen der Attribute „Anzeige“ und „Sichtbarkeit“ des Steuerelementstils.

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.

function displayHideUI()
{
var ui =document.getElementById("bbs");
ui.style.display="none";
}
function displayShowUI()
{
var ui =document.getElementById("bbs");
ui.style.display="";//display为空的话会好使,为block会使后边的空间换行
}
function visibilityHideUI()
{
var ui =document.getElementById("bbs");
ui.style.visibility="hidden";
}
function visibilityShowUI()
{
var ui =document.getElementById("bbs");
ui.style.visibility="visible";
}
</script>
Nach dem Login kopieren

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 Es gibt einen Wert „compact“ in CSS, 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 (ähnlich wie

) mit Zeilenumbrüchen vor und nach der Tabelle angezeigt.
inline-table Dieses Element wird als Inline-Tabelle (ähnlich wie
) ohne Zeilenumbrüche vor und nach der Tabelle angezeigt.
table-row-group Dieses Element wird als Gruppe aus einer oder mehreren Zeilen angezeigt (ähnlich wie ).
table-header-group Dieses Element wird als Gruppe aus einer oder mehreren Zeilen angezeigt (ähnlich wie ).
table-footer-group Dieses Element wird als Gruppe aus einer oder mehreren Zeilen angezeigt (ähnlich wie ).
table-row Dieses Element wird als Tabellenzeile angezeigt (ähnlich wie ).
table-column-group Dieses Element wird als Gruppe aus einer oder mehreren Spalten angezeigt (ähnlich wie ).
Tabellenspalte Dieses Element wird als Zellenspalte angezeigt (ähnlich wie )
table-cell Dieses Element wird als Tabellenzelle angezeigt (ähnlich wie
und )
table-caption Dieses Element wird als Tabellentitel angezeigt (ähnlich wie
)
inherit gibt an, dass der Wert des Anzeigeattributs vom übergeordneten Element geerbt werden soll.

Das heute gelöste Problem besteht darin, der durch CSS definierten Klasse label.error eine ID auf der JSP-Seite zu geben und dann die Sichtbarkeit der ID zu steuern, um die Js-Eingabeaufforderungsinformationen zu löschen, wenn das Div reduziert wird. Die Details sind wie folgt:
In der Funktion zur Vorbereitung der Schnittstelle var label1 = document.getElementById("label1");

$(document).ready(function() {
$(".flipp .span4").click(function() {
$(this).parent().next().toggle();
$(this).parent().parent().prevAll().find(".panel").hide();
$(this).parent().parent().nextAll().find(".panel").hide();
var label1 = document.getElementById("label1");
label1.style.display="none";
})
Nach dem Login kopieren

Dann fügen Sie die entsprechende Stelle in JSP ein:

<label class="error" id="label1" for="currentPWD" generated="true" style="display:inline"></label>
Nach dem Login kopieren

Für die von CSS definierte Klasse label.error können Sie $("label.error").removeAttr("style").attr("style", "display: none;"); verwenden Funktion. Darüber hinaus scheint es nicht erforderlich zu sein, den ID-Wert für das Etikett an der entsprechenden Stelle im Untergrund zu definieren.

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

Video Face Swap

Video Face Swap

Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Versteckte Einstellungen für das schwebende Fenster der Win11-Eingabemethode Versteckte Einstellungen für das schwebende Fenster der Win11-Eingabemethode Dec 30, 2023 pm 11:24 PM

Einige Freunde sind nicht an die Floating-Window-Funktion der Win11-Eingabemethode gewöhnt und es fühlt sich immer seltsam an, diese Floating-Window-Funktion zu deaktivieren. Jetzt werde ich Ihnen die korrekte Bedienungsmethode zum Schließen des Floating-Fensters vorstellen Win11-System. Folgen Sie uns. Win11 verbirgt das schwebende Fenster für die Eingabemethode. 1. Öffnen Sie die Einstellungstaste des Computers und wählen Sie dann „Zeit und Sprache“. Klicken Sie nach der Eingabe auf „Enter“. 2. Suchen Sie unter „Erweiterte Tastatureinstellungen“ nach „Eingabemethode wechseln“ und dann „Desktop-Sprache“ ändern Klicken Sie auf das Häkchen vor „Leiste“ und geben Sie dann „Sprachleistenoptionen“ ein. 3. Nach dem Öffnen klicken wir hier auf „Ausblenden“, um das schwebende Sprachfenster zu schließen.

Wie verstecke ich die Taskleistensymbole von Windows 11? Wie verstecke ich die Taskleistensymbole von Windows 11? Jan 06, 2024 am 08:38 AM

Wenn wir im Win11-System die Symbole in der Taskleiste als störend empfinden, können wir sie in der Taskleisten-Ecküberlaufoberfläche ausblenden. Die Symbole in der Taskleiste der unten geöffneten Anwendung können jedoch nicht ausgeblendet werden. Werfen wir einen Blick auf die konkrete Situation. So blenden Sie das Win11-Taskleistensymbol aus: 1. Zentrieren Sie das Symbol. 1. Wenn wir das Symbol in der Taskleiste unten ausblenden möchten, können wir zunächst mit der rechten Maustaste klicken, um es auszuwählen, und auf „Von Taskleiste entfernen“ klicken. 2. Wenn wir jedoch öffnen Diese Anwendung und sind dabei, sie zu verwenden, und das ist unmöglich zu verbergen. 2. Symbol in der unteren rechten Ecke 1. Wenn Sie das Anwendungssymbol in der unteren rechten Ecke ausblenden möchten, öffnen Sie zunächst die Systemeinstellungen. 2. Klicken Sie dann in der linken Seitenleiste auf „Personalisierung“, wie im Bild gezeigt. 3. Klicken Sie dann auf , um die Taskleiste auf der rechten Seite aufzurufen

Wie kann man WeChat-Freunde verstecken, ohne sie zu blockieren oder zu löschen? So verbergen Sie WeChat-Freunde, ohne sie zu blockieren oder zu löschen Wie kann man WeChat-Freunde verstecken, ohne sie zu blockieren oder zu löschen? So verbergen Sie WeChat-Freunde, ohne sie zu blockieren oder zu löschen Mar 13, 2024 pm 07:19 PM

Wie kann man WeChat-Freunde verstecken, ohne sie zu blockieren oder zu löschen? Viele Benutzer möchten einige Freunde ausblenden, wissen aber nicht, wie das geht. Auf dieser Website wird den Benutzern sorgfältig erklärt, wie sie WeChat-Freunde ausblenden können, ohne sie zu blockieren oder zu löschen. Methoden zum Ausblenden von WeChat-Freunden ohne Blockieren oder Löschen Methode 1: 1. Öffnen Sie zunächst die WeChat-Software, suchen Sie das Adressbuch auf der WeChat-Seite und klicken Sie auf „Mein“. 2. Dann betreten wir die Einstellungsseite. 3. Suchen Sie die Option „Datenschutz“ und klicken Sie darauf. 4. Klicken Sie dann auf „Nicht sehen lassen“. 5. Gehen Sie zur Seite „Do Not Let Her View“ und klicken Sie auf „+“, um die Freunde zu markieren, die Sie ausblenden möchten.

So verbergen Sie Werke in Douyin-Kurzvideos. So verbergen Sie persönliche Videowerke So verbergen Sie Werke in Douyin-Kurzvideos. So verbergen Sie persönliche Videowerke Mar 12, 2024 pm 12:49 PM

In der Douyin-Kurzvideo-App-Software stehen viele kurze Videoarbeiten zur Verfügung. Sie können sie nach Belieben ansehen und sie sind alle dauerhaft kostenlos verfügbar Bieten Sie jedem die zufriedenstellendste Art zuzusehen. Geben Sie Ihr Konto ein, um sich online anzumelden, und es werden verschiedene aufregende Kurzvideos gesendet, die genau auf dem basieren, was jeder jeden Tag sieht. Sie können auch den Live-Übertragungsraum betreten, um mit dem Moderator zu interagieren und zu chatten, damit Sie sich wohl fühlen mehr glücklich. Die von Einzelpersonen hochgeladenen Werke können auch ganz einfach mit einem Klick eingerichtet werden. Wischen Sie nach oben und unten, um die Echtzeit-Kommentare unzähliger Internetnutzer anzuzeigen Jetzt hat der Herausgeber detaillierte Online-Douyin-Kurzvideos veröffentlicht. Benutzer drängen auf Möglichkeiten, persönliche Videoarbeiten zu verbergen. Öffnen Sie zunächst das kurze Douyin-Video

Mar 18, 2024 pm 03:40 PM

Neben der erstaunlichen Hardware-Ausstattung und den hervorragenden Funktionen verbirgt das Xiaomi Mi 14 auch einen faszinierenden Ort – Smart Island. Hier können Benutzer personalisierte Anpassungen und ein unbegrenztes kreatives Mobiltelefonerlebnis genießen. Aber nicht jedem gefällt diese Funktion. Wie versteckt das Xiaomi Mi 14 Smart Island? Finden wir es gemeinsam heraus. Wie verstecke ich Smart Island auf dem Xiaomi Mi 14? 1. Öffnen Sie die Einstellungsanwendung des Xiaomi 14-Mobiltelefons. 2. Scrollen Sie, um die Option „Funktionen“ zu finden, und klicken Sie zur Eingabe. 3. Suchen Sie auf der Funktionsseite die Option „Smart Island ausblenden“ und aktivieren Sie sie. 4. Nachdem Sie bestätigt haben, dass das Ausblenden des Smart Island aktiviert ist, kehren Sie zum Desktop zurück und Sie werden sehen, dass das Smart Island ausgeblendet wurde.

Ausführliches Tutorial zum Verstecken von Werken auf Douyin Ausführliches Tutorial zum Verstecken von Werken auf Douyin Mar 25, 2024 pm 03:11 PM

1. Klicken Sie zunächst auf [+], um zu schießen. 2. Klicken Sie dann auf das Häkchen in der unteren rechten Ecke, um den Abschluss der Aufnahme zu bestätigen. Klicken Sie auf] Weiter[, 3. Klicken Sie auf [Wer kann sehen]. Wählen Sie einfach [Privat] aus. Szenario 2: Die Arbeit wurde übernommen. 1. Klicken Sie auf [Ich] und wählen Sie [Arbeit]. 2. Klicken Sie rechts auf das [drei Punkte]-Logo. 3. Wischen Sie nach links, um [Berechtigungseinstellungen] zu finden. 4. Klicken Sie auf [Als privat festlegen].

Gründe und Lösungen für die Sperrung des Desktop-Layouts Gründe und Lösungen für die Sperrung des Desktop-Layouts Feb 19, 2024 pm 06:08 PM

Was passiert, wenn das Desktop-Layout gesperrt ist? Bei der Verwendung des Computers kann es manchmal vorkommen, dass das Desktop-Layout gesperrt ist. Dieses Problem bedeutet, dass wir die Position von Desktop-Symbolen nicht frei anpassen oder den Desktop-Hintergrund ändern können. Was genau passiert also, wenn es heißt, dass das Desktop-Layout gesperrt ist? 1. Das Desktop-Layout und die Sperrfunktionen verstehen. Zunächst müssen wir die beiden Konzepte Desktop-Layout und Desktop-Sperre verstehen. Unter Desktop-Layout versteht man die Anordnung verschiedener Elemente auf dem Desktop, darunter Verknüpfungen, Ordner, Widgets usw. wir können frei sein

So bereinigen Sie den versteckten Müll auf Ihrem Telefon gründlich (entfernen Sie den Müll vollständig aus dem Speicher Ihres Telefons) So bereinigen Sie den versteckten Müll auf Ihrem Telefon gründlich (entfernen Sie den Müll vollständig aus dem Speicher Ihres Telefons) Jun 01, 2024 am 09:29 AM

Mobiltelefone sind durch die kontinuierliche Weiterentwicklung der Technologie und die Beliebtheit von Smartphones zu einem unverzichtbaren Bestandteil unseres täglichen Lebens geworden. Diese Junk-Dateien nehmen wertvollen Speicherplatz in Anspruch, und im Laufe der Zeit sammelt sich eine große Menge versteckter Junk-Dateien auf dem Telefon an, was jedoch zu einer Verschlechterung der Leistung des Telefons führt. Zu wissen, wie man versteckten Müll auf seinem Telefon gründlich bereinigt, ist für jeden Mobiltelefonbenutzer zu einem unverzichtbaren Wissen geworden. 1. Unnötige Anwendungs-Caches finden und löschen. 2. Anwendungen löschen, die nicht mehr verwendet werden. 3. Foto- und Video-Cache bereinigen. 4. Temporäre Dateien und Download-Ordner vollständig bereinigen. 5. Kontakt- und SMS-Datensätze organisieren und bereinigen. 6. System-Cache bereinigen. 7. Deinstallieren Sie nutzlose Systemanwendungen. 8. Bereinigen Sie den Browser-Cache und -Verlauf. 9. Löschen Sie ungültige Musik- und Audiodateien. 10. Optimieren Sie das Dateisystem Ihres Mobiltelefons

See all articles