Tutorials Point


  Learn Prototype
  Prototype Resources
  Selected Reading

Copyright © 2014 by tutorialspoint



  Home     References     Discussion Forums     About TP  

Prototype removeClassName() Method


previous next AddThis Social Bookmark Button


Advertisements

This method removes element's CSS className and returns element.

Syntax:

element.remove();

Return Value:

  • Returns HTML element from which it removes CSS class.

Example:

<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.



previous next Printer Friendly

Advertisements


  

Advertisements