Fatal编程技术网

Javascript 背景色错误读取

javascript css colors

Javascript 背景色错误读取,javascript,css,colors,background,Javascript,Css,Colors,Background,我有一个属性为“background:#f9f9f9；”的css文件。div具有正确的背景色，但当我读取它时，结果为空（“”）。然后，该函数会更改背景颜色，当我再次阅读时，它会显示：“背景：无重复滚动0%0%rgb（249249249）”。新的颜色是正确的，但它是在我使用js更改颜色后才显示的。 为什么会这样？有没有办法解决这个问题？ （我知道我可以使用正确颜色的js手动初始化它，我会一直这样做，直到找到正确的解决方案） 编辑：插入的代码 .cLiftsDiv { float:left; dis

我有一个属性为“background:#f9f9f9；”的css文件。div具有正确的背景色，但当我读取它时，结果为空（“”）。然后，该函数会更改背景颜色，当我再次阅读时，它会显示：“背景：无重复滚动0%0%rgb（249249249）”。新的颜色是正确的，但它是在我使用js更改颜色后才显示的。 为什么会这样？有没有办法解决这个问题？ （我知道我可以使用正确颜色的js手动初始化它，我会一直这样做，直到找到正确的解决方案）

编辑：插入的代码

.cLiftsDiv {
float:left;
display: table-cell;
text-align: center;
vertical-align: middle;
width: 15%;
border:1px solid #111111;
background:#f9f9f9;
border-radius: 5px;
height: 80%;

cursor: default;

/* to be unselectable */
-moz-user-select: -moz-none;
-khtml-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
margin: 2% 2%;
position:relative;
}
JS功能：

var items = new Array("Lifts");
var elem = document.getElementById("mainMonitor");

for (var i = 0; i < items.length; ++i)
{
    var tempDiv = document.createElement("div");
    tempDiv.id = items[i] + "Div";
    tempDiv.className = "c" + items[i] + "Div";
    var tempInnerDiv = document.createElement("div");
    tempInnerDiv.innerHTML = items[i];
    tempDiv.appendChild(tempInnerDiv);

    tempDiv.onmouseover = hoverDiv;
    elem.appendChild(tempDiv);
}

function hoverDiv()
{
var elem = document.getElementById(this.id);
alert("background: " + elem.style.background);
if (elem.style.background != "#aaaaaa")
{
    //elem.style.background = "#cccccc";
}
}

var items=新数组（“提升”）；
var elem=document.getElementById（“mainMonitor”）；
对于（变量i=0；i
我使用firefox（在chrome中不太管用）。

我们需要更多的代码来帮助，但是背景色很好：

<!DOCTYPE html>
<html>
<head>
<style>
   span.highlight
    {
      background-color:yellow;
    }
</style>
</head>

 <body>
<p>
<span class="highlight">This is a text.</span> This is a text. This is a text. This is a text. This is a text. This is a text. This is a text. This is a text. This is a text.      <span class="highlight">This is a text.</span>
 </p>
 </body>
</html>
你怎么看这种风格？您是否使用
getComputedStyle（…）
？看起来是浏览器的问题，在这里工作正常。我认为问题出在您的css代码中。我百分之百肯定。请发布代码。警报对我来说是空白的。你在使用什么浏览器？Firefox和IE不报告任何内容（警报是空白的）。Opera确实显示颜色，
rgb（255，255，0）
。Chrome显示所有背景，
rgb（255，255，0）无重复滚动0%0%/自动填充框边框框
试试上面这应该是一个简单的解决方案 
//On page ready
var color = "#fff";
$("item selctor").css("background-color",color);