Funktionsvariable übergeben an setTimeout funktioniert nicht?

Question

Kann mir jemand sagen, warum das nicht funktioniert?

function changeBG(element_id){ 
     document.getElementById(element_id).className= "arrowActive"; 
     setTimeout("document.getElementById("+element_id+").className= 'arrow'", 300); 
} 

In firebug erhalte ich eine Fehlermeldung, dass die Element_ID zu setTimeout() übergeben nicht definiert ist.

Answer 1

Die Variable element_id wird ein String sein, so dass Ihr Code Timeout aussehen wird:

document.getElementById(myId).className = ... 

Beachten Sie, dass myid in Anführungszeichen gesetzt werden sollte, aber es ist nicht.

Eine bessere Möglichkeit ist, einen Verschluß zu verwenden, wie folgt aus:

function changeBG(element_id) 
{ 
     var elm = document.getElementById(element_id); 
     elm.className = "arrowActive"; 
     setTimeout(function() { elm.className= 'arrow'; }, 300); 
} 

Es sollte beachtet werden, dass der Code in einem String übergeben not recommended ist.

Answer 2

Versuchen:

setTimeout("document.getElementById('" + element_id + "').className= 'arrow'", 300); 

Beachten Sie, dass ich Anführungszeichen in den String-Parameter hinzugefügt Sie getElementById vorbei sind.

Answer 3

Der beste Weg, dies zu tun ist mit einem Verschluss

function changeBG(element_id) 
{ 
     var elem = document.getElementById(element_id); 
     elem.className= "arrowActive"; 
     setTimeout(function(e) 
     { 
       return function() 
       { 
         e.className = 'arrow'; 
       } 
     }(elem), 300); 
}