Copyright © tutorialspoint.com

Prototype removeClassName() Method

previous next


Advertisements

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

Syntax:

element.remove();

Return Value:

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

Copyright © tutorialspoint.com