[JS] Class wijzigen van HTML element*

[Jochemmol]

Ik heb een website met een menu struktuur met een aantal classes.

code:

 <div class=a><a href='#' ...... </div>

Op het moment dat ik nu op dat linkje klik wil ik eigenlijk dat de class wijzigd. nu kan ik dit doen

code:

document.getElementById('l').style. (type)

Maar nu moet ik elke type (font,color enz) intypen. Ik kan nergens vinden of je de class kan wijzigen. Ik wil namelijk voorkomen dat als er geklikt wordt dat dan de hele pagina opnieuw geladen moet worden.

code:

/* Kan ook niet  :'( */
document.getElementById('l').class

Is hier een oplossing voor of moet ik alles handmatig invoeren.

[BtM909]

Sowieso kunnen id's niet alleen een nummertje bevatten, dus pas dat even aan (kan voor adresseringsproblemen zorgen):

En ik snap niet hoe je hebt gezocht, want zoals je weet is dat iets wat we van onze users verwachten! Als ik ga [google=JS change CSS class] dan vind ik genoeg oplossingen. Probeer zelf maar aan te geven hoe je dat zelf denkt op te lossen

[watzie]

je kunt element.className = 'bla' gebruiken
waarbij element het resultaat van je getelementbyid is

[Rowanov]

Is niet heel moeilijk toch?

JavaScript:

document.getElementById('jeidhier').className= 'blaat';

[frickY]

Waar denk je dat de TR voor bedacht is?

[ Voor 81% gewijzigd door BtM909 op 08-09-2006 11:38 ]

[Rowanov]

Ga nou geen discussie opstarten

[ Voor 88% gewijzigd door BtM909 op 08-09-2006 11:38 ]

[Jochemmol]

Sorry mensen. Dat className had ik kunnen vinden. Ik had gezocht op devguru.com.

Ik kwam er niet meer uit. Ik kreeg steeds een error maar met classname is het opgelost. Bedankt.

[OkkE]

Ik gebruik al een tijdje dit simpele scriptje, misschien hebben andere mensen er ook nog wat aan.

JavaScript:

/*
*   setStyle()
*
*   Stel een CSS style of class in voor een object met een ID.
*   
*   id      varchar     Het ID van het object.
*   style   varchar     De style die aangepast moet, bijv: backgroundColor
*   value   varchar     Nieuwe waarde die `style` moet krijgen, bijv: #FFF
*
*   Voorbeelden:
*       onclick="setStyle('menu','class','knopuit');"
*       onmouseover="setStyle('knop1','backgoundColor','#ff0000');"
*/
function setStyle( id, style, value ) {
    
    var obj = document.getElementById( id );

    if( style == 'class' ) {
        obj.className = value;
    }
    else {
        obj.style[style] = value;
    }
}