Bettie: Stylesheet durchsuchen

Beitrag lesen

SELF-Forum

Stylesheet durchsuchen

Bettie
– Informationen zu den Bewertungsregeln

Guten Tag,

im folgenden HTML Text sind im Haeder ein paar Style-Anweisungen die mit einem Javascript durchsucht werden sollen. Das Javascript wird im body-Tag gestartet. Alles funktioniert auch gut!!!

Nur wenn ich die Stylsheets in ein separate Datei einbinde und mit <style>@import url...</style> oder <link rel="stylesheet...> einbinde, findet sie das JS-Script nicht.

Das ich die externen Stylesheets (im Beispiel weggelassen) richtig einbinde, erkenne ich daran, das der Browser die entsprechenden Formatanweisungen durchführt. Nur das JS-Script findet die ext. Style-Anweisungen nicht.

Hat jemand ein Erklarung?

Danke, Bettie

  
<head>  
  
  <styl>  
    /* erste Gruppe von Stylesheet Anweisungen */  
    #such_mich_1  {background:black}  
    .finde_mich_1 {background:black}  
  </style>  
  <styl>  
    #such_mich_2  {background:black}  
    .finde_mich_2 {background:black}  
  </style>  
  
  <script>  
    function suche_stylesheet_anweisung(gesuchter_selectorText)  
    {  
      for (i=0; i<document.styleSheets.length; i++)  
      {  
        for (j=0; j<document.styleSheets[i].cssRules.length; j++)  
        {  
          var current_selectorText = document.styleSheets[i].cssRules[j].selectorText;  
          var Ausgabetext = "i=" + i + "; j=" + j + "; Seletorname=" + current_selectorText;  
          if ( current_selectorText== gesuchter_selectorText )  
          {  
            Ausgabetext += "; Hurra - gefunden";  
          }  
          alert(Ausgabetext)  
        }  
      }  
    }  
  </script>  
</head>  
  
<body onload='suche_stylesheet_anweisung(".finde_mich_1")'>  
  
</body>
Beitrag melden
–
Informationen zu den Bewertungsregeln