0

「background:#f9f9f9;」というプロパティを持つ css ファイルがあります。div には適切な背景色がありますが、それを読むと結果は空 ("") になります。次に、関数は背景色を変更し、もう一度読むと、「背景: なし、スクロール 0% 0% rgb(249, 249, 249) を繰り返します」と表示されます。新しい色は正しいですが、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";
}
}

私はFirefoxを使用しています（Chromeでも機能しません）。

4

1 に答える 1

0

ここで役立つコードがさらに必要ですが、問題なく機能する背景色です。

<!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>

色を警告する JavaScript の操作: JS Fiddle

ポップアップ

代わりにこれを試してください：

//On page ready
var color = "#fff";
$("item selctor").css("background-color",color);
于 2013-05-08T10:08:44.300 に答える