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 + "' 的a是string由'包含的单引号分隔的" + gBarColour + ",然后将该值用作颜色.

你需要省略所有引号和加号:

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