Change style with dojo.style : Style Class « Dojo toolkit « JavaScript Tutorial

<html>
  <head>
    <link rel="StyleSheet" type="text/css"
      href="js/dojo/dijit/themes/tundra/tundra.css">
      
    <script type="text/javascript">
      var djConfig = {
        baseScriptUri : "js/dojo/",
        parseOnLoad : true
      };
    </script>
    <script type="text/javascript" src="js/dojo/dojo/dojo.js"></script>
    <script>
        dojo.addOnLoad(function(  ) {
                var blue = new dojo.Color("#00f");
                var red = new dojo.Color([255, 0, 0]);
                var purple = dojo.blendColors(blue, red, 0.5);
                dojo.style("my", "background", purple.toCss(  ));
            });
    </script>
  </head>
  <body class="tundra">
       <p style="position : absolute; left : 300px; top : 300px;"
                  id="my"
               >Drag and drop me somewhere else</p>
</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