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] HTMLのDOCTYPEを取得する

HTMLのDOCTYPEを取得するには、document.doctypeを使用します。 サンプルソース 例)DOCTYP ...

[JavaScript] ブランクチェックを行う

指定された値がnullまたは空文字でないことをチェックする関数です。 コピペしてそのままお使い頂けます。 サンプル 例) ...

[JavaScript] 消費税の税抜額を取得する

引数に受け取った金額の税抜き額を返すFunctionサンプルです。 サンプルソース 例)税率8%で計算。引数が数値以外の ...

[JavaScript] 配列の要素を更新する

配列の要素を更新するサンプルです。 配列の要素を更新するサンプル 配列の要素を更新するには、配列番号で取得した要素に値を ...

[JavaScript] ブラウザのサイズを取得する

表示中のブラウザのサイズを取得するには、 window.outerWidth / window.outerHeightま ...

スポンサーリンク