DHTML與JavaScript和CSS不起作用

因此，由於某種原因，這個不顯眼的JavaScript代碼不工作，我無法弄清楚爲什麼它不起作用的生活。DHTML與JavaScript和CSS不起作用

我動態改變的className一個div元素，因此我希望CSS來反映這種變化。但事實並非如此。這是簡化的代碼。

HTML：

<head> 
    <title>Your Page</title> 
    <link rel="stylesheet" type="text/css" href="style.css" /> 
    <script type="text/javascript" src="us.js"></script> 
</head> 

<body> 
    <div id="wrapper">  
    <h1 id="title">Your Page</h1> 
    </div> 
</body>

的javascript：

window.onload = function() { 
    document.getElementById("wrapper").className = "2"; 
}

CSS：

#wrapper{ 
    background-color: white; 
} 

#wrapper.1 { 
    background-color: black; 
} 

#wrapper.2 { 
    background-color: red; 
} 

#wrapper.3 { 
    background-color: blue; 
}

我看看螢火包裝DIV，它顯示了類被改爲「2」。但是，通過將背景顏色更改爲紅色，網頁並沒有反映出這一點。（它不適用於改變文字顏色，我嘗試過）。我知道CSS正確加載。那麼問題是什麼？

來源

2010-04-12 Dennis Hodapp

類名不應該是一個數字。 – 2010-04-12 02:42:44

訣竅！感謝大家。我無法相信這在我見過的大多數CSS教程中都沒有涉及。 – 2010-04-12 16:27:40

2是無效的類名。你的班級名稱不能是數字;它必須是以字母開頭的字母數字字符串。

來源

2010-04-12 02:46:38 meagar

您是否嘗試過使用不同的類名？檢查Which characters are valid in CSS class names/selectors?。 css類名不能以數字開頭。

來源

2010-04-12 02:46:05 z33m

你的CSS類名稱必須以字母開始，像這樣：

#wrapper.num1 { 
    background-color: black; 
} 

#wrapper.num2 { 
    background-color: red; 
} 

#wrapper.num3 { 
    background-color: blue; 
}

來源

2010-04-12 02:46:10

DHTML與JavaScript和CSS不起作用

回答

相關問題