Javascript，将div颜色设置为另一个div颜色

Question

我试过了：

document.getElementById('colorsdiv').style.backgroundColor =
    document.getElementById(thediv).style.backgroundColor;

我知道div是有效的，因为如果我这样做： document.getElementById(thediv).style.backgroundColor = 'red';

它变红了。

如果我这样做： alert(document.getElementById(thediv).style.backgroundColor); 它是null。

我也知道它在样式表中设置为一种颜色，因为它以这种方式显示。

我需要做些什么才能让它发挥作用？

Answer 1

要获取另一个元素的当前样式，请使用：

if( typeof getComputedStyle == "undefined")
    getComputedStyle = function(elem) {return elem.currentStyle;};

document.getElementById('colorsdiv').style.backgroundColor
    = getComputedStyle(document.getElementById(thediv)).backgroundColor;

Answer 2

您是否确保找到div颜色的javascript在页面完全加载后运行，例如它在你的身体部分的HTML。这样可以确保页面已加载并呈现颜色，以便脚本在运行时可以检索它。