Ajax prototype.js Class名が含まれているかどうか調べる

-

Topページ　 >　 お勉強　 >　 Ajax　 >　 Class名が含まれているかどうか調べる　

Class名が含まれているかどうか調べる

▲

エレメントのCSSに指定のClass名が含まれているかどうかチェックします。



prototype.js


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




▲

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

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

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

[HTML]
<div id="targetBox1" class="test">ここがターゲット</div>
　:
　:
[JavaScript]
// "targetBox1"エレメントに
// "test"というCSSのClassが指定されているかどうかチェックする
// この例の場合、指定されているので true が返される
var flag = Element.hasClassName("targetBox1", "test");


▲

flag = Element.hasClassName( id , styleName );


flag 指定のClassが含まれているかどうかのフラグ
true … Classが含まれている
false … Classが含まれていない
id チェックを行うエレメントのID
styleName 含まれているかチェックを行うClass名


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

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



▲

[Ajax - prototype.js - CSS]

Classを追加する 　【addClassName】


Classを削除する 　【removeClassName】


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

Topページ　 >　 お勉強　 >　 Ajax　 >　 Class名が含まれているかどうか調べる　




-