Copyright © tutorialspoint.com
This method removes element's CSS className and returns element.
element.remove(); |
<html> <head> <title>Prototype examples</title> <script type="text/javascript" src="/javascript/prototype.js"> </script> <script> function showResult(){ // Before removing class name var arr = $('dingo').classNames(); arr.each(function(class){ alert( "Before Removing, Class name is " + class ); }); $('dingo').removeClassName('food'); // After removing class name var arr = $('dingo').classNames(); arr.each(function(class){ alert( "After removing, Class name is " + class ); }); } </script> </head> <body> <p>Click the button to see the result.</p> <div id="dingo" class="apple fruit food"> <ul> <li id="golden-delicious">Golden Delicious</li> <li id="mutsu">Mutsu</li> <li id="mcintosh">McIntosh</li> <li id="ida-red">Ida Red</li> </ul> </div> <input type="button" value="Show Result" onclick="showResult();"/> </body> </html> |
To understand it in better way you can Try it yourself.
Copyright © tutorialspoint.com