Toggle tag class with dojo.toggleClass("myDiv", "myClass") : Style Class « Dojo toolkit « JavaScript DHTML






Toggle tag class with dojo.toggleClass("myDiv", "myClass")

 
<html>
  <head>
    <style>
      .myClass {
        color : #ff0000;
      }
    </style>
    <script type="text/javascript">
      var djConfig = {
        baseScriptUri : "js/dojo/"
      };
    </script>
    <script type="text/javascript" src="js/dojo/dojo/dojo.js"></script>
    <script>
      function testIt() {
        dojo.toggleClass("myDiv", "myClass");
        alert("toggle");

        dojo.toggleClass("myDiv", "myClass");
      }
    </script>
  </head>
  <body onLoad="testIt();">
    <div id="myDiv">I am myDiv</div>
  </body>
</html>

   
  








Dojo-toolkit.zip( 3,849 k)

Related examples in the same category

1.Mix two classes
2.Remove class
3.Set new style
4.Toggle with true and false
5.Get style from tag
6.Get computed border width
7.Change style with dojo.style
8.Add style class to tag by using dojo.addClass('myDiv', 'myClass')
9.Change margin box