Javascript kann nicht eingestellt Farbe

Question

Die Funktion über aufgerufen wird:

myChart.gChangeBarColour(1, "#000000"); 

Dies funktioniert:

// Changes bars colour 
    this.gChangeBarColour = function(gBarID, gBarColour) { 

     if (gBarID <= this.gData.length && gBarID >= 0) { 

      document.getElementById("gBar" + gBarID).style.backgroundColor = '#000000'; 

     } 

    } 

Aber das funktioniert nicht:

// Changes bars colour 
this.gChangeBarColour = function(gBarID, gBarColour) { 

    if (gBarID <= this.gData.length && gBarID >= 0) { 

     document.getElementById("gBar" + gBarID).style.backgroundColor = '" + gBarColour + "'; 

    } 

} 

keine Fehler in der Konsole überhaupt! Irgendwelche Ideen?

Answer 1

Ihre '" + gBarColour + "' ist ein string, durch einfache Anführungszeichen begrenzt ' die " + gBarColour + " enthält, wird dieser Wert dann als Farbe verwendet.

Sie müssen die Anführungszeichen alle auszulassen und Pluszeichen:

// assign the value of gBarColour to the backgroundColor property 
document.getElementById("gBar" + gBarID).style.backgroundColor = gBarColour; 

Answer 2

'" + gBarColour + "' 

sollte

gBarColour oder ''+gBarColour