YUI Library JavaScript DHTML

  1. Home
  2. JavaScript DHTML
  3. YUI Library
  4. Clicking the button will use Doms addClass method to add the class baz to the element




    
Using addClass

/*margin and padding on body element
  can introduce errors in determining
  element position and are not recommended;
  we turn them off as a foundation for YUI
  CSS treatments. */
body {
  margin:0;
  padding:0;
}





#foo {
    margin-bottom:1em;
}




Using addClass



  

Clicking the button will use Dom's addClass method to add the class baz to the element.


      


foo

run

(function() {
    var addClass = function(e) {
        YAHOO.util.Dom.addClass('foo', 'baz');
        alert(YAHOO.util.Dom.get('foo').className);
    };
    YAHOO.util.Event.on('demo-run', 'click', addClass);
    YAHOO.log("The example has finished loading; as you interact with it, you'll see log messages appearing here.", "info", "example");
})();





   
  
yui_2.7.0b.zip( 4,431 k)