Javascript не может установить цвет

Question

Функция вызывается через:

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

Это работает:

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

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

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

        }

    }

Но это не работает:

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

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

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

    }

}

Нет ошибок в консоли вообще! Есть идеи?

Answer 1

Ваш '" + gBarColour + "' - это string, разделенный одинарными кавычками ', который содержит " + gBarColour + ", это значение затем используется в качестве цвета.

Вам необходимо пропустить все кавычки изнаки плюс:

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

Answer 2

'" + gBarColour + "'

должно быть

gBarColour или ''+gBarColour