JavaScript: Wie man div. ein- / ausblendet

8

Ich versuche, die Verwendung von innerHTML zu vermeiden, da dies dazu führt, dass mein Browser abstürzt, wahrscheinlich aufgrund der Aktualisierungsrate von 250 Millisekunden.

Wie auch immer, ich hätte lieber etwas Inhalt in einem versteckten <div> und mache das <div> nur sichtbar, wenn eine bestimmte Bedingung erfüllt ist. Was ist der beste Ansatz, um dies zu umgehen?

Im Grunde mache ich jetzt was ..

%Vor%

Dies wird meinen Browser zum Absturz bringen, weil ich nicht innerHTML verwende, um "offline", sondern ein ganzes <div> zu drucken. Ich möchte, dass <div> ausgeblendet wird, und statt innetHTML einfach einblenden, wenn eine Bedingung erfüllt ist (in diesem Fall keine Internetverbindung).

    
Homie 30.12.2012, 17:37
quelle

5 Antworten

8

Verwenden Sie dann CSS, um das div ein- und auszublenden. Sie können so etwas tun:

%Vor%

um das div verschwinden zu lassen. Und

%Vor%

um es noch einmal zu zeigen.

    
Vincent Ramdhanie 30.12.2012, 17:40
quelle
5

Setzen Sie die Eigenschaft display CSS des div auf none .

Ссылка

Beispiel für die programmgesteuerte Einstellung mit JavaScript: Ссылка

    
jrajav 30.12.2012 17:39
quelle
3

Sie können entweder die Eigenschaft display auf none oder die Eigenschaft visibility auf hidden setzen.

    
Victor Zamanian 30.12.2012 17:41
quelle
3

Ich bevorzuge die css display-Eigenschaft. Ich habe einen laufenden Code, den ich kürzlich geschrieben habe. Es ist sehr einfach und skalierbar.     

%Vor%     
Ahad Ali 23.07.2014 01:05
quelle
0

Der beste Weg besteht darin, die Anzeige none für versteckt und block für sichtbar

zu setzen

// Das Element ist das Div, das Sie ausblenden oder anzeigen möchten

element.style.display = (element.style.display == "block")? "keine": "Blockieren";

    
user1995240 20.01.2013 19:20
quelle

Tags und Links