如何获得FF和IE10的背景？

Question

我需要获得价值＃C1C1C1，但我怎么能得到它？

演示https://jsfiddle.net/f8e37r1d/2/

我读过this aticle，但我不知道该怎么做。

HTML

<div id="test">click</div>
<div id="getcolor"></div>
<div id="res"></div>

CSS

#test {
    width: 50px;
    height: 50px;
    text-align: center;
    border-width: 4px;
    border-style: solid;
    border-color: red;
}
#getcolor{
  background: #C1C1C1;
}

JS

test.onclick = function(e) {

    var Brush = function(id){
        console.log('internal func');

        var color1 = document.getElementById('getcolor').style.background;
        console.log(color1); // color1 is empty in FF

      var color2 = window.getComputedStyle(getcolor,null).getPropertyValue('background');
      console.log(color2); // color2 is empty in FF but work in Chrome
    }

    Brush(e.target.id);
}

Answer 1

问题是color3.backgroundColor确实将样式显示为空，但{{1}}表示所需的值。