Remove class : Style Class « Dojo toolkit « JavaScript Tutorial






  1. JavaScript Tutorial
  2. Dojo toolkit
  3. Style Class
<html>
  <head>
    <script type="text/javascript">
      var djConfig = {
        baseScriptUri : "js/dojo/",
        parseOnLoad : true
      };
    </script>
    <script type="text/javascript" src="js/dojo/dojo/dojo.js"></script>
    <style>
      .oldClass {
        background-color : blue;
      }

    </style>
    <script>
      dojo.require("dojox.fx.style");
      function testIt() {
        dojox.fx.removeClass({cssClass:"oldClass", node:"div1"}).play();
      }
    </script>
  </head>
  <body onload=testIt()>
        <div id="div1" class="oldClass">Text</div>
  </body>
</html>








29.94.Style Class
29.94.1.Mix two classes
29.94.2.Remove class
29.94.3.Set new style
29.94.4.Toggle tag class with dojo.toggleClass("myDiv", "myClass")
29.94.5.Toggle with true and false
29.94.6.Get style from tag
29.94.7.Get computed border width
29.94.8.Change style with dojo.style
29.94.9.Add style class to tag by using dojo.addClass('myDiv', 'myClass')
29.94.10.Change margin box