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

  • レッスン一覧
  • 料金プラン
    • レッスン一覧
    • 料金プラン
  • ログイン
  • 運営からのお知らせ

    • 2025/07/17 NEW

      【週刊ドットインストール】 256timesでLevel 2-2のクラスが開講、問題集の追加、レッスン制作の進捗

    • 2025/07/16 NEW

      フレックスボックスの実践的な実装を学べる『手を動かして学ぶ模写コーディング Level 2-1』を開講します

    すべて見る
  • トップ /
  • マイページ /
  • レッスン一覧 /
  • 【旧版】詳解JavaScript DOM編 /
  • #21 イベントの伝播を理解しよう /
  • なぜliはそれぞれ動作するのですか?

なぜliはそれぞれ動作するのですか?

e.targetとはクリックされたli要素だからです。
2020年5月5日
ユーザー

どのliもtarget.nodeName===LIなのに、Todoを押すとすべてのTodoに線が引かれるのではなく、押したTodoだけに引かれるのでしょうか??

この回答を見るにはプレミアムプランへの登録が必要です

プレミアムプランとは?

このレッスンの質問と回答(12)

  • イベントの伝播範囲を具体的に教えてください
  • e.target.classList.toggle('done'); の仕組みがよくわかりません
  • アロー関数の仮引数に e を使用するのはなぜですか?
  • .done が突然出てきましたが、どこでつけられているのでしょうか?
  • ul の click イベントが li にも適用されるのはなぜですか?
  • e.targetとnodeNameの使い方がよくわかりません
  • currentTargetがnullになるのはなぜですか?
  • 取消線のクラス名は単に「.done」でもいいですか?
  • 「e.target.nodeName === 'LI'」はなぜ必要ですか?
  • コメントアウトのショートカットキーを教えて下さい
  • なぜliはそれぞれ動作するのですか?
  • なぜLIは大文字なのですか?

この質問のレッスン

PREMIUM
【旧版】詳解JavaScript DOM編
JavaScriptからドキュメントを操作するためのDOMを扱う方法について解説していきます。
0%
#21 イベントの伝播を理解しよう
dotinstall

3分動画でマスターできるプログラミング学習サービスです。あなたもプログラミングを始めてみませんか?

サービスメニュー

  • レッスン一覧
  • 料金プラン
  • 法人向けライセンス
  • 運営からのお知らせ
  • プログラミング学習ガイド
  • プログラミング学習相談室
  • ヘルプ

ご利用にあたって

  • 利用規約
  • プライバシーポリシー
  • 利用者情報の外部送信について
  • 運営企業情報
  • 採用情報
  • 教材利用について
  • お問い合わせ

プログラミング勉強会

  • 256times

ソーシャルメディア

  • note
  • X (@dotinstall)
  • Facebookページ

更新情報

  • 新着レッスンRSS
  • 新着補足情報RSS

Copyright © 2011-2025 dotinstall.com. All Rights Reserved.