problema con variabile

[gasmor]

ho questo ciclo (per firefox)

var txt='';

for(var t=0;t<=document.styleSheets[0].cssRules.length;t++){
txt += t+': '+document.styleSheets[0].cssRules[t] .cssText+'\n\n';
}

alert(txt)

che non funziona, e il problema si trova nella parte evidenziata in rosso.
Se sostituisco al posto della variabile "t" un numero la chiamata al foglio di stile invece viene trascritta nella finestra.

[pietro09]

prova così

function elenca_rules()
{
    var styles = document.styleSheets;
    if(!styles) return;
    
    var n = styles.length; //1 foglio di stile
    var stile = styles[0];
    
    var rules = (stile.rules)? stile.rules : stile.cssRules;//IE, altri
    if(!rules) return;
    var nrs = rules.length;
    var txt = "<table rules=\"rows\" style='border-collapse: collapse;'>";
    for(var i = 0; i < nrs; i++)
    {
        var rule = rules[i];
        var cssText = (rule.style.cssText)? rule.style.cssText : rule.cssText//IE, altri    
        txt += "<tr>"
            + "<td valign='top'>" + i + "</td><td>" + cssText + "</td>"
            + "</tr>";
    }
    txt += "</table>";
    document.getElementById("div1").innerHTML = txt;
    

}

[gasmor]

grazie, così funziona però perdo il nome delle collezioni:

esempio:

#container img{ border:3px solid #106362;}

diventa: border:3px solid #106362;

a me invece servirebbe tutto

[pietro09]

function elenca_rules()
{
    var styles = document.styleSheets;
    if(!styles) return;
    
    var n = styles.length; //1 foglio di stile
    var stile = styles[0];
    
    var rules = (stile.rules)? stile.rules : stile.cssRules;//IE, altri
    if(!rules) return;
    var nrs = rules.length;
    var txt = "<table border='1' style='border-collapse: collapse;'>";
    for(var i = 0; i < nrs; i++)
    {
        var rule = rules[i];
        var cssText = (rule.style.cssText)? rule.style.cssText : rule.cssText//IE, altri    
        txt += "<tr>"
            + "<td valign='top'>" + i + "</td><td valign='top'> " + rule.selectorText + "</td><td>" + cssText + "</td>"
            + "</tr>";
    }
    txt += "</table>";
    document.getElementById("div1").innerHTML = txt;
    

}

[gasmor]

grazie