Javascript ne peut pas définir la couleur

Question

La fonction est appelée via:

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

Cela fonctionne:

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

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

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

     } 

    } 

Mais cela ne fonctionne pas:

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

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

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

    } 

} 

Aucune erreur dans le console du tout! Des idées?

Answer 1

Votre '" + gBarColour + "' est un string, délimité par des guillemets simples ' qui contient " + gBarColour + ", cette valeur est alors utilisée comme la couleur.

Vous devez quitter toutes les citations et signes plus:

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

Answer 2

'" + gBarColour + "' 

devrait être

gBarColour ou ''+gBarColour