DOM, css class og ie7

Du kan be' folk om - in all fairness - at bruge Firefox ;)
http://www.sitepoint.com/blogs/2007/11/22/in-all-fairness-%e2%80%a6-internet-explorer-still-stinks/

IE kræver className i stedet for class. Ved ikke, om den også virker i andre browsere, så du kan nøjes med den.

Dvs. du kan selvfølgelig stadig skrive:
<div class="noget" ...></div>
i HTML, men DOM kræver vist:
document.getElementById("div").className("noget");
Du kan vist også gøre det mere rigtigt med:
document.getElementById("div").setAttribute("className","noget");

Jeg har prøvet denne funktion som ser ud til at virke:

function setClassName(obj, strClass){      // Neither harms the other
    obj.setAttribute("class",strClass);    // FF + ?
    obj.setAttribute("className",strClass); // IE + ?
}

Ja, det ser rigtigt ud. =)

Der er en del andre forskelle; en ret vigtig er måden at indsætte en envent-handler:

function catchEvent(objElm, strEvent, pFunction){
    /**/
    if (objElm.addEventListener){ // FF
        //dbgDumpStr("FF: addEventListener", dbgOut);
        objElm.addEventListener(strEvent, pFunction, false);
    } else if (objElm.attachEvent){ // IE
        //dbgDumpStr("IE: attachEvent", dbgOut);
        objElm.attachEvent("on"+strEvent, pFunction);
    } else { // IE can do this, maybe some XYZbrowser has none of the above.
    /**/
        //dbgDumpStr("XX: elm.[on"+strEvent+"]", dbgOut);
        objElm["on"+strEvent] = pFunction;
        objElm[strEvent] = pFunction;
    }
}

- samt måden en eventhandler bliver kaldt; se denne key-handler:

function keyHandler(evt){
    var elm, key, nxtCel;
    evt = evt?evt:event;
    evt.returnValue = true;
    key = evt.keyCode;
   
    switch (key) {
      case
            :
            :
    }
}

Browser-kompabilitet er et svært spørgsmål, men som mine eksempler viser går jeg ind for 'feature-detction' fremfor 'browser-detection'.
Ikke alle browsere er ærlige med at navngive sig selv ( IE kalder sig "mozilla" ;) så selv om der _ER_ en variabel man kan teste, er det sikrere (funktionelt bedre) at undersøge forskellige måder at klare det på, og have en graciøs måde at håndtere manglende faciliteter. (F.eks. gmail findes i std og ajax.)

>>jhe-ting 25/11-2007 22:24:27

-- og det skal tilføjes, at add/removeEventListener er den officielle standard beskrevet i w3cs DOM-binding, og altså ikke kun dækker FireFox/Mozilla !-)

-- og en helt anden tilføjelse går på, at man _aldrig_ må tilføje events til elementer, som ikke fysisk er indsat i dokumentet, da IE så opretter dobbelte udgaver, hvilket kan generere endog _meget_ grimme memory-leaks ,-(

Mange tak alle sammen:)