javascript - 将背景颜色存储在变量中

Question

如何将一个 div 的背景颜色存储在变量中，然后使用该变量仅使用 JavaScript 来更改另一个 div 的背景颜色？

var b2 = document.getElementById("box2"),
b3 = document.getElementById("box3");

function d2(){
document.getElementById("box3").style.backgroundColor = b2.style.backgroundColor;
document.getElementById("box2").style.backgroundColor = b3.style.backgroundColor;
}

我制作了两个盒子，盒子2的颜色为红色，盒子3的颜色为绿色。然后尝试通过将它们的颜色存储在变量中并将变量的颜色分配给 div 来交换它们的颜色，但这不起作用。任何帮助，将不胜感激。提前致谢。

这段代码对我来说效果很好。感谢您的帮助。

function getStyle(x,styleProp) {
    if (x.currentStyle)
        var y = x.currentStyle[styleProp];
    else if (window.getComputedStyle)
        var y = document.defaultView.getComputedStyle(x,null).getPropertyValue(styleProp);
    return y;
}
function d2(){
    b2 = document.getElementById("box2")
    b3 = document.getElementById("box3")
    y1 = getStyle ( b3, 'background-color' )
    document.getElementById("box3").style.backgroundColor = getStyle ( b2, 'background-color' )
    document.getElementById("box2").style.backgroundColor = y1
}

Answer 1

为您创建了一个 fiddle :

http://jsfiddle.net/JXyx2/

JS:

var storedColor = $('#one').css('background-color');

// set stored color two other div
$('#two').css('background-color', storedColor);