#10 タブメニューを完成させよう | JavaScriptでタブメニューを作ろう

どのメニューにactiveクラスがついているかに応じて、表示するタブの内容を切り替える処理を完成させます。

contentへのactiveクラスの付与
data属性の利用

このレッスンの問題を報告する

getElementById は現在でも頻繁に使われていますか？

2024年9月24日

clickedItem.dataset.id はどこから出てきたのですか？

2024年2月23日

document.getElementById(clickedItem.dataset.id) の括弧内を ' ' で囲まないのはなぜですか？

2022年6月9日

a と section の紐づけについて教えて下さい。

2022年6月5日

HTML 、CSS 、JS を組み合わせた書き方がなかなか覚えられません

2022年1月27日

カスタムデータ属性はどんな時に使うのか？

2022年1月27日

activeクラスをつける処理がよくわかりません

2022年1月27日

clickedItemの挙動がわかりません

2022年1月27日

clickedItem.dataset.idの内容がよくわかりません

2022年1月27日

カスタムデータ属性はquerySelectorで取得できますか？

2022年1月27日

タブメニューを中央に配置したい

2022年1月27日

「document.getElementById(clickedItem.dataset.id)」の動きがわかりません

2022年1月27日

すべての質問と回答（46）

プレミアムプランに登録すると、わからないところを現役エンジニアに質問できます。

質問機能とは？

素材ファイルをダウンロードするにはプレミアムプランへの登録が必要です

詳しくみる

ソースコードを閲覧するにはプレミアムプランへの登録が必要です

詳しくみる

このレッスンの問題を報告する

デモを閲覧するにはプレミアムプランへの登録が必要です

詳しくみる

ドットインストール - 3分動画でマスターできるプログラミング学習サービス

JavaScriptでタブメニューを作ろう

ログインして連続再生する動画一覧 (10)

サービスメニュー

ご利用にあたって

プログラミング勉強会

ソーシャルメディア

更新情報

ドットインストール - 3分動画でマスターできるプログラミング学習サービス

JavaScriptでタブメニューを作ろう

ログインして連続再生する 動画一覧 (10)

サービスメニュー

ご利用にあたって

プログラミング勉強会

ソーシャルメディア

更新情報

ログインして連続再生する動画一覧 (10)