Javascript Syntax

[BuboBubo]

Hi zusammen

Könnt ihr mir bitte erklären, was bei der folgenden Javascript Funktion die Bedingung ist? Normalerweise vergleicht man doch was (== / !=).

function showHideDiv(id){
    var div = document.getElementById(id);
    
    var none = (div.style.display == 'none'); 
    
    if (none){
        div.style.display = 'block';
    }else{
        div.style.display = 'none';
    }
}

Grüsse

 

[Wustersoss]

Die Bedingung ist ob die Variable none zutrifft also wahr ist. Sie ist wahr wenn die Variable einen Wert enthält. In diesem Fall also immer.
Die Abfrage kann so nicht funktionieren.

 

[struppi]

Doch die Abfrage funktioniert. Bei allen Funktionen, wo Bedingungen abgefragt werden kann man auf den expliziten Vergleich verzichten und sollte es auch, da so kein Typkonvertierung gemacht wird. if(variabel) trifft immer zu, wenn variabel einen wahren Wert hat.

Wenn man einen expliziten Wert vergleichen will sollte man auch === bzw !== verwenden, da sonst u.U. eine Typkonvertierung durchgeführt werden muss.

 

[BuboBubo]

Vielen Dank für die Antworten!

Habe ich das also richtig verstanden, dass die Funktion das folgende prüft?
Hat das DIV den Style display=none, wenn ja mach aus dem Style display=block, sonst mach aus dem Style display=none.

 

[struppi]

Ja, wobei die Funktion noch relativ umständlich ist, man kann da einen Zweizeiler draus machen.

function showHideDiv(id){
    var div = document.getElementById(id);
    div.style.display = (div.style.display == 'none') ? 'block' : 'none';
}

 

[Wustersoss]

Nach dem ich es ausprobiert habe und mir mit alert den Inhalt von none ausgegeben habe, bin auch ich dahinter gekommen.
Ist wohl noch zu früh heute morgen.

Danke Struppi.

Für alle anderen die auch grübeln:
var none = (div.style.display == 'none')

Es wird geprüft ob display den Wert none hat. Das Ergebnis ist true oder false.
Dieses Ergebnis, true zum Beispiel, wird der Variablen none(man hätte hier besser einen anderen Namen wählen sollen) zugewiesen.