ネットワークプログラミング実習 2026年度前期(2年)

今日、やったこと [練習問題]選択用パーツたちを使う class属性値を変更する 箇条書きを選択用ツールに 今日のホワイトボード [練習問題]選択用パーツたちを使う 正解例をあげておきます。 HTMLファイル JavaScriptファイル class属性値を変更する JavaScriptからclass属性値を変更するには、タグの classNameプロパティ 経由で行う。 図　class属性値を変更する HTMLファイル JavaScriptファイル 箇条書きを選択ツールに（第1段階） 箇条書きを選択用ツールにする。 まずは、cssで箇条書きのマーカーを削除し、枠線をつくる。 図　箇条書きを選択用ツールに（第1段階） HTMLファイル CSSファイル 箇条書きを選択ツールに（第2段階） 選択した項目を表示する。 箇条書きもクリックをすると、clickイベントが発生する。イベントハンドラも指定できる。 図　箇条書きを選択用ツールに（第2段階） HTMLファイル CSSファイル JavaScriptファイル 箇条書きを選択ツールに（第3段階） 選択した項目に背景色をつける。 背景色はclass属性で設定できる。 図　箇条書きを選択用ツールに（第3段階） HTMLファイル CSSファイル JavaScriptファイル 次回は テーブルに追加。