Hente alt style på et element

<ole>

Der findes ikke en standardiseret og crossbrowser metode til at hente andet, end hvad der er sat direkte på elementets style-objekt ... enten i taggets style-attribut eller via script

/mvh
</bole>

elm.currentStyle

og
http://www.w3.org/TR/DOM-Level-2-Style/css.html#CSS-CSSview-getComputedStyle

- ja, den virker i IE, men ikke andre steder. Denne er standard - og virker i FF:
    window.getComputedStyle(elm, "")["borderWidth"];

- man skal lige opdatere sit vindue, når man har hentet kaffe  ;o)

- og man kan naturligvis også bruge dot-notation:
    window.getComputedStyle(elm, "").borderWidth;

Dvs. at det ikke er mulig at få fx et array med data?

Hvis jeg prøver alert(window.getComputedStyle(e, "").length); får jeg 99 udskrevet, har det noget at gøre med hvilke styles der er sat?

Du kan jo prøve at alert'e dem  :)

Du kan lave denne lille 'cowboy-test' for at se, hvad objektet gemmer på af properties og metoder:

<script type="text/JavaScript">
window.onload = function() {
    var o = gE("gnu");
    var aCss = window.getComputedStyle(o, "");
    var a = [];
    for (var x in aCss) {
        a.push( x + " => " + aCss[x] );
    }
    with ( open("", "", "width=400,height=200,resizable=yes,scrollbars=yes").document ){open();write(a.join("<br>\r\n"));close()};
}
</script>

<div id="gnu">&nbsp;</div>

Sorry, jeg har en wrapper, der hedder 'gE' i min HTML-temlate. Sådan ser det i alm. DOM:
    var o = document.getElementById("gnu");

- og som du kan se, indeholder objektet en metode, der hedder 'item'. Prøver du at kalde den med et tal som argument, kan du se, den returnerer en streng, som er navnet på en style-property. Den metode ville vi kunne bruge sådan:

window.onload = function() {
    var o = gE("gnu");
    var oCss = window.getComputedStyle(o, "");
    var a = [];
    for (var i=0,j=oCss.length; i<j; i++) {
        a.push( oCss.item(i) + " => " + oCss[ oCss.item(i) ] );
    }
    with ( open("", "", "width=400,height=200,resizable=yes,scrollbars=yes").document ){open();write(a.join("<br>\r\n"));close()};
}

Undskyld jeg forstyrre men ville bare have at olebole skulle have sine velfortjente point i min post som han har glemt :-)
http://www.eksperten.dk/spm/797237

Ahh olebole du en skat :D Men Den kan ikke rigtig lide IE. Skulle jeg så have fat i elm.currentStyle dertil?

Og vil den også du på en class?

En anden ting, hvis jeg henter fra id fx test, som har en baggrunds farve eller billede defineret, så får jeg stadigvæk undefined på den. Det lader som om det kun er color, height og width den vil hente ordenligt.

cmau >> Husker du mon at bruge 'CamelCase'? Det hedder 'backgroundColor', 'marginTop', osv  :)

superdreng >> Tak, jeg har været forbi med et svar  ;o)

function getCSSprop(oElm, sPropName) {
    if (window.getComputedStyle) return window.getComputedStyle(oElm, "")[sPropName];
    else if (oElm.currentStyle) return oElm.currentStyle[sPropName];
    return null;
}

alert( getCSSprop(document.getElementById("mitDiv"), "fontSize") );

Ang. camelcase, burde getcomputedstyle så ikke selv retunere den, den retunere nemlig background-color  fx.

Min function er nedenstående, hvor jeg så har valgt ikke at medtage alle dem som er undefined.

            function StartEditor() {
                var e2 = document.getElementById('IdSelect');
                if(e2.selectedIndex != 0) {
                    //alert(e2.options[e2.selectedIndex].value);
                    var o = document.getElementById(e2.options[e2.selectedIndex].value);
                    var oCss = window.getComputedStyle(o, "");
                    var a = [];
                    for(var i=0;i<oCss.length;i++) {
                        if(oCss[oCss.item(i)]) a.push(RenameWord(oCss.item(i)) + ':' + oCss[oCss.item(i)] + ';');
                        //a.push( RenameWord(oCss.item(i)) + " => " + oCss[ oCss.item(i) ] );
                    }
                    with(open("", "", "width=400,height=200,resizable=yes,scrollbars=yes").document){open();write(e2.options[e2.selectedIndex].value + ' {<br />');write(a.join("<br />\r\n"));write('<br />}');close()};
                }
            }