2014年6月18日水曜日

DOMのclassListを使ってみる

classListとは

classListはHTML5で追加された比較的新しいプロパティです。
リスト化されたことによりclassNameプロパティで直接操作するより簡便にクラスを変更できるようになりました。

JavaScriptでスタイルをアクティブに変更するのに便利です。

classListのメソッド

メソッド名 機能
add(class)クラスリストへクラスを追加
remove(class)クラスリストからクラスを削除
contains(class)
toggle(class)クラスリストにclassが含まれていれば削除、なければ追加
item(number)クラスリストの番号を入れることで名前を取得
lengthクラスリストの要素数

toggleを使った例




 
 
 
 classList




classList




0 件のコメント:

コメントを投稿

Pythonで地図空間データを扱う⑤

ベースの地図が出来た所で、他のデータを被せてみます。 国土地理院の  500mメッシュ別将来推計人口データ  を使用します。 同じく神奈川県のデータ  500m_mesh_suikei_2018_shape_14.zip をダウンロードします。 ベースの地図データと同じ場所に展開...