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>