Hvis du bruger JavaScript metoden setAttribute til at manipulere DOM\u2019en, skulle det v\u00e6re muligt at tilf\u00f8je alle attributter til ethvert element i DOM\u2019en. Dette er dog ikke tilf\u00e6ldet med Internet Explorer 7 og \u00e6ldre IE browsere, hvor du hverken kan bruge style attributten eller class attributten.<\/p>\n
Den gamle IE begrundelse for ikke at kunne tilf\u00f8je class attributten til DOM elementer gennem setAttribute i IE 6 og IE7, var at class er et reserveret ord i JavaScript.<\/p>\n
Hvis man vil tilf\u00f8je en class attribute i\u00a0 IE6 0g IE7\u00a0 kan man i stedet bruge:<\/p>\n
element.setAttribute(‘className’,’minklasse’);<\/p>\n
Denne l\u00f8sning giver dog ekstra arbejde, da du s\u00e5 skal til at detektere, hvilken browsere, der bes\u00f8ger dit website, da ovenst\u00e5ende ikke giver nogen mening i hverken Firefox eller IE8. Der vil du f\u00e5 en attribut ved navn ‘className’ og v\u00e6rdien ‘minklasse’.<\/p>\n
I stedet kan du bruge:<\/p>\n
element.className = ‘minKlasse’;<\/p>\n
Den h\u00e6fter class atributten p\u00e5 elementet, og samtidig med at den navngiver den. Og det virker cross browser.<\/p>\n
Jeg kender ikke begrundelsen for, hvorfor man ikke kan bruge style attributten. Men hvis du har brug for at tilf\u00f8je en inline style med native JavaScript, kan du i stedet bruge .style syntaksen:<\/p>\n
element.style.cssText = styleText<\/p>\n
eller mere konkret:<\/p>\n
element.style.backgroundColor = \u201c#333333\u201d;<\/p>\n
Dnne metode vorker ogs\u00e5 p\u00e5 tv\u00e6rs af alle browsere. Du kan se en diskussion af emnet her:<\/p>\n