|classListでCSSのclassを扱う今回はJavaScriptで、classListのメソッドを利用し、CSSのclassの属性値を扱う方法となります。参考サイトなどclassList.value|classの値を取得ElementオブジェクトのclassListプロパティは、指定した要素のclassの値をDOMTokenListとして返します。DOMTokenListのvalueプロパティは、指定したDOMTokenListの値を返します。それらを利用することにより、以下のようにclassの値を取得することができます。メソッドを利用してclassの属性値を扱う方法classListではメソッドを利用することで、classの値の追加・削除などが可能です。以下、classListのメソッドの例となります。add()|classの値を追加addメソッドは、引数に指定した文字列をclassの値に追加します。複数の追加する場合には文字列をカンマで区切ります。'qux');remove()|classの値を削除removeメソッドは、引数に指定した文字列がclassの値にある場合に削除します。複数の削除する場合には文字列をカンマで区切ります。'bar');toggle()|classの値を切り替えtoggleメソッドは、以下の通りclassの値を切り替えます。引数に指定した文字列がclassの値にある場合は削除しfalseを返し、ない場合は追加してtrueを返します。force);replace()|classの値を置換replaceメソッドは、第1引数に指定した文字列がclassの値にある場合、そのclassの値を第2引数で指定した文字列で置き換えtrueを返し、ない場合にはfalseを返します。classの値にあるかを確認します。ある場合にはtrueを返し、ない場合にはfalseを返します。element.classList.contains('foo');item()|指定した順番のclassの値を取得itemメソッドは、引数に指定した数字の順番にあるclassの値を取得します。classの値がない場合にはnullを返します。コメントをキャンセルコメントは項目欄(*は必須項目)を入力し、「コメントを送信」ボタンをクリックしてください。(メールアドレスは公開されることはありません。コメントの公開は承認制となります。)また、多忙によりコメントには返信できない場合があります。Twitterで返信する場合はこちらから。DESTROY広告ブロッカーが有効のため、コンテンツ内におすすめ商品などが表示されています。