Op deze website gebruiken we cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services. Meer informatie.

Akkoord

Vraag & Antwoord

Webprogrammeren & scripting

[DOM/CSS] opmaak wordt niet uitgevoerd

Anoniem
Anne
5 antwoorden
  • 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?
  • 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.
  • Het gaat dus even over IE en alles werkt, zonder foutmeldingen, maar de tekst wordt niet rood. De code wordt dus zonder fouten uitegevoerd.
  • Je hebt m'n reactie goed doorgelezen? Ik geef toch de oplossing?
  • [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!

Beantwoord deze vraag

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.