Ajax prototype.js Classを削除する

-

Topページ　 >　 お勉強　 >　 Ajax　 >　 Classを削除する　

Classを削除する

▲

removeClassNameメソッドを使用してCSSのClassを削除する。



prototype.js


使用バージョン：1.5.1　公式サイト




▲

1. ダウンロードしたprototype.jsを読み込みます。

<script type="text/javascript"
    src="prototype.js"></script>

2. removeClassNameメソッドを実行します。

[HTML]
<div id="targetBox">ここがターゲット</div>
　:
　:
[JavaScript]
// CSSクラス "targetBoxClass02" を削除する
Element.removeClassName("targetBox", "targetBoxClass02");


▲

Element.removeClassName( id , className )


id Classを削除するエレメントのID
className 削除するCSSのClass名


ファイル一式をダウンロードする
▲

↓インラインフレーム内でサンプルが動作しています。



▲

[Ajax - prototype.js - CSS]

Classを追加する 　【addClassName】


スタイルの値を取得する 　【Element.getStyle】


Class名が含まれているかどうか調べる 　【Element.hasClassName】

Topページ　 >　 お勉強　 >　 Ajax　 >　 Classを削除する　




-