Prototype-element-toggleclassname
提供：Dev Guides
プロトタイプ-toggleClassName（）メソッド
このメソッドは、要素のCSS classNameを切り替えて要素を返します。
構文
element.toggleClassName( className );戻り値
HTML要素を返します。
例
<html>
<head>
<title>Prototype examples</title>
<script type = "text/javascript" src = "/javascript/prototype.js"></script>
<script>
function showResult() {
if( !$('mutsu').hasClassName('fruit') ) {
//This will return false
alert( "Class name is not set" );
}
$('mutsu').toggleClassName('fruit');
//This will toggle the class presence
if( $('mutsu').hasClassName('fruit') ) {
//This returns true
alert( "Now Class name is set" );
}
}
</script>
</head>
<body>
<p>Click the button to see the result.</p>
<div id = "mutsu" class = "apple">
<p>This is test division.</p>
</div>
<br/>
<input type = "button" value = "showResult" onclick = "showResult();"/>
</body>
</html>