JavaScript

[JavaScript] 要素にclassを追加・削除する(classList)

投稿日:2017年7月2日 更新日:

JavaScriptで、要素にclassを追加・削除するサンプルです。

サンプルソース

例)要素にclassを追加・削除する

(結果)
["cs1", "cs2", "cs3"] ["cs1", "cs2", "cs3", "hoge"] ["cs1", "cs3", "hoge"] true ["cs1", "hoge"]

解説

  • classを追加するには、classList.addを使用します。
  • classを削除するには、classList.removeを使用します。
  • classが存在するか判定するには、classList.containsを使用します。
  • classの追加/削除を切り替えるには、classList.toggleを使用します。
    (指定したclassが既に存在する場合は削除、存在しない場合は追加します。)

スポンサーリンク

スポンサーリンク

-JavaScript
-

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

[JavaScript] 複数の同名idを定義した場合の動き

1つのHTML中ではidは一意にする必要がありますが、誤って同名のidを複数定義してしまった場合にどのような動きとなるか ...

[JavaScript] 文字列を繰り返す

文字列を指定した回数繰り返した結果を取得するサンプルです。 サンプルソース 文字列を指定した回数繰り返した値を取得するに ...

[JavaScript] Submit時イベントを取得する(onSubmit)

Submit時イベントを取得するには、onsubmitイベントハンドラを使用します。 サンプルソース 例)Submit前 ...

[JavaScript] 小数値の小数点以下の桁数を取得する

小数値の小数点以下の桁数を取得するサンプルFunctionです。 サンプルソース 例)小数点以下の桁数を取得する [cr ...

[JavaScript] if、for、while、do-while、switch句のサンプル

if句、for句、while句、do-while句、switch句のサンプルです。 書き方をど忘れした時にどうぞ。(;・ ...

スポンサーリンク