Der JavaScript-Zugriff steuert externes CSS und bestimmt die Browserversion

其实很多或者说大部分CSS文件对网页的描述都是以外部CSS的身份出现的，所以当需要做一些需要JS改变CSS而

出现的动态效果的时候，JS不得不去访问外部CSS，下面我们就来探讨一下JS访问外部CSS的例子。

这个例子就是点击按钮触发事件来改变DIV的背景颜色。首先请看CSS文件

[css]
.style1{ 
    width: 400px; 
    height: 500px; 
    background-color: red; 
} 
.style1{
 width: 400px;
 height: 500px;
 background-color: red;
}
然后是HTML文件

[html]
 
 
   
     
     
     
     
     
     
     
     
   
   
   

div1

 
     
    
  


 
    
   
 


 
   
 
   
   
   
   
   
   
 
 
  

div1

[html]
function test(eventObj){
//Get mycss. All Klassenselektoren in CSS
              //Diese 0 bedeutet das erste in der HTML-Seite eingeführte CSS                                                                                                                                                       Klassenauswahl, basierend auf dem Index
var style1 = cssResult[0];

if(eventObj.value= = "schwarz") {
style1.style.back bodencolor = "schwarz"; cssResult = document.styleSheets[0].rules;
//Den angegebenen CSS-Klassenselektor basierend auf dem Index abrufen
var style1 = cssResult[0];

if(eventObj.value= ="black"){
style1.style.backgroundColor="black";
}else{
style1.style.backgroundColor="red";
}
}Diese Funktion ist, Die Bedeutung wurde eingeführt, es sollte natürlich eine gute Möglichkeit sein, auf externes CSS zuzugreifen. Die Kompatibilität erfordert

, um die Browserversion zu ermitteln. Die Funktion test1() veranschaulicht dies mithilfe von ActiveX Fensterraumunterstützung, um festzustellen, ob sie unterstützt wird. Tatsächlich sollte es eine umfassendere geben, und wir werden sie später untersuchen.