在html文件中有2個CSS代碼塊，如何僅使用JS進行一項工作？

Question

因此，我們有1個html文件（必需）。 其中有2個CSS樣式塊和1個JS塊。 如何使其能夠設置為使用JS中的一種樣式？ （我需要它在IE6 IE7 IE8 FF和chrome 9中起作用）我需要為IE9和Chrome 8及更高版本提供一個CSS，為所有其他提供CSS。

<style type="text/css" >
H1 {font-size: 24pt; font-family: arial}
</style>

<style type="text/css">
H1 {font-size: 15pt;}
</style>

Answer 1

使用條件注釋專門針對IE6，如下所示：

<!--[if IE 6]>
<style type="text/css">
  H1 {font-size: 15pt;}
</style>
<![endif]-->

或反之亦然，無論如何..但是這些注釋中的內容僅適用於IE6。 上述方法不需要JavaScript ：）

Answer 2

另一種涉及JS和處理chrome的方法。 （我了解了這種形式的ExtJs，但不確定它起源於何處。）

加載瀏覽器檢測腳本。 PPK相當不錯： http : //www.quirksmode.org/js/detect.html 。

將類添加到document.body。

document.body.className += ' ' + BrowserDetect.browser 
  + ' ' + BrowserDetect.browser + '-' + BrowserDetect.version;

現在像這樣寫你的CSS

H1 {
  font-size: 24pt; 
  font-family: arial;
}

.Explorer-6 H1 {
  font-size: 15pt;
}

.Chrome-9 H1 {
  /* ... */
}

您也可以在其中混合使用操作系統，但是我不確定您是否會需要它。