JavaScriptのCode:【e.target.nodeName === 'li'】←なぜ’li'は駄目でしょうか?
’LI'にするとうまく動くんですが、’li’うまくいかないですね
HTML
1<!DOCTYPE html> 2<html lang="ja"> 3 <head> 4 <meta charset="utf-8"> 5 <title>JavaScript Basics</title> 6 </head> 7 <body> 8 <ul> 9 10 <li>Todo</li> 11 <li>Todo</li> 12 <li>Todo</li> 13 14 </ul> 15 16 </body> 17 18</html>
JavaScript
1'use strict'; 2 3{ 4 document.querySelector('ul').addEventListener('click', e => { 5 if (e.target.nodeName === 'li') { 6 e.target.classList.toggle('done'); 7 } 8 }); 9 10}
CSS
1 li { 2 cursor: pointer; 3 } 4 5 .done { 6 text-decoration: line-through; 7 }
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2020/12/13 16:50
2020/12/13 16:54
2020/12/13 16:56