css-class veranderen vanuit javascript

  • Onderwerp starter Onderwerp starter JHx
  • Startdatum Startdatum
Status
Niet open voor verdere reacties.
JHx

JHx

Gebruiker
Lid geworden
11 jan 2006
Berichten
407
Is het mogelijk om vanuit javascript de css-class van een element in de pagina te veranderen?
Ik heb het op onderstaande manier geprobeerd, maar dat schijnt niet te werken. :(

HTML: 
<html>
  <head>
    <style>
      .test1{
        border:1px solid red;
      }
      .test2{
        border:1px solid blue;
      }
    </style>
    <script type="text/javascript">
      function verander(nieuw){
        document.getElementById('test').class=nieuw;
      }
    </script>
  </head>
  <body>
    <div id="test" class="test1">
      de test-div
    </div>
    <input type="button" value="rood" onclick="verander('test1');">
    <input type="button" value="blauw" onclick="verander('test2');">
  </body>
</html>
 
Dit vond ik op het internet:

Code: 
if(document.getElementById("test").className == test1)
{
document.getElementById("test").className = "test2";
}
else if(document.getElementById("test").className == test2)
{
document.getElementById("test").className = "test1";
}
 
Laatst bewerkt:
Werkt perfect! :) Heel erg bedankt.

Mag ik even vragen wat jij als zoekterm(en) gebruikt hebt, en ook wele zoekmachine?
 
Geen probleem graag gedaan :thumb:

Ik gebruik (altijd) Google.

Ik had gezocht op: javascript change div class
vaak wel belangrijk dat je er even javascript voor zet.
3e resultaat van boven d8 ik.
 
Wat bewijst dat zoeken op het internet een kunst op zich is... ;)
(en ik beheers die duidelijk niet :o)
Nogmaals bedankt, en ... vraag opgelost :thumb:
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan