Edit Question - KnowledgeHub

Title Body

I'm getting back into the wild world of cross browser compatibility, and have come across a few nagging issues with Javascript compatibility between browsers. For example, I use style inheritance a great deal in my CSS sheets, so if I need to edit an element's style, I have to use window.getComputedStyle(**element**, [pseudoElement]).getPropertyValue(**style**) Using that one line of code requires me to know that Firefox v<4 requires a pseudoElement object, whereas other browsers consider it an optional parameter. In addition, Firefox and Opera require that style fit the CSS property name, such as font-size , where IE needs the name in Javscript syntax fontSize due to interpreting the hypen in the CSS syntax as a minus sign. This one example took a few hours of figuring out why earlier versions of IE were implementing my text-resize script with the script's default size, rather than the element's computed size. Mozilla's site is a great reference, but is limited to their browsers. Is there a good comprehensive cross browser function listing?

Tags (comma-separated) Cancel