[DOM/CSS] opmaak wordt niet uitgevoerd

[anoniem]

Ik heb dit stukje code: [code:1:636a4d1f51]function HighlightCode() { var span = document.createElement("span"); span.setAttribute("class", "quote"); //span.style.className = "quote"; span.appendChild(document.createTextNode("Test")); document.body.appendChild(span); } [/code:1:636a4d1f51] en ik heb in m'n css een werkend stukje .quote{color: red;} staan. Maar als ik nu het script uitvoer dan wordt de tekst "test" (wel toegevoegd aan de body maar) niet rood. Ook de style.className werkt niet. Wat doe ik fout?

[anoniem]

In Firefox/Mozilla zou het gewoon moeten werken. IE pakt namelijk de DOM naam van het attribuut, wat [i:2e5d7ef840]className[/i:2e5d7ef840] is. Moz (en Opera?) pakt de HTML naam van het attribuut. [code:1:2e5d7ef840]span.setAttribute("className", "quote"); [/code:1:2e5d7ef840] Dit werkt dus in IE. Je zou kunnen kijken of de browser IE of iets ander is, maar browser sniffers zijn een beetje uit de mode.. zeg maar... Je kan ook zowel class, als className gebruiken. Of je gebruikt gewoon span.className (zonder [i:2e5d7ef840]style[/i:2e5d7ef840] dus), dat werkt in alle grote browsers.

[anoniem]

Het gaat dus even over IE en alles werkt, zonder foutmeldingen, maar de tekst wordt niet rood. De code wordt dus zonder fouten uitegevoerd.

[anoniem]

Je hebt m'n reactie goed doorgelezen? Ik geef toch de oplossing?

[anoniem]

[quote:844805d46b="Jeffrey_"]Je hebt m'n reactie goed doorgelezen? Ik geef toch de oplossing?[/quote:844805d46b] Oh pardon ik had er even overheengelezen. Het werkt inderdaad! Wat is dit nou voor een achterlijke MS constructie??? Bedankt voor de hulp!

[anoniem]

[code:1:15ebced05c]span.className = "quote";[/code:1:15ebced05c]? Naar mijn weten zou dat ook moeten werken.