Html element.style和element.classList未定义

我有错误

TypeError:todo.style是未定义的脚本。js:75:9

TypeError:todo.classList未定义脚本.js:79:16

我不知道我哪里出错了

JS:

const listeOption = document.querySelector('.listes-todo')

listeOption.addEventListener('click', listeToDo);

function listeToDo(e){
const todos = toDoListe.childNodes;

todos.forEach(function(todo){
   switch(e.target.value){
    case "all" : 
    todo.style.display = "flex";
        break;

    case "faire" :
        if(todo.classList.contains('faire')){
            todo.style.display = "flex";
        }else{
            todo.style.display = "none";
        }

   }
   });
} }

HTML

<div class="select">
    <select name="todos" class="listes-todo">
        <option value="all">taches</option>
        <option value="faire">terminer</option>
        <option value="taches-termine">taches terminées</option>
    </select>
</div>

环节
终点站
终端环节

---

看了你的代码，没问题。这就是你能做的

toDoListe.children

实际上使用列表项的索引作为键返回列表项上的对象。下面是示例TODO的结构：

{
  "0": <li class="faire">First Gather Learning Information</li>,
  "1": <li class="faire">Learn Javascript</li>,
  "2": <li class="faire">Learn CSS</li>,
  "3": <li class>Learn HTML</li>,
  "4": <li class>And Master them well</li>,
  "length": 5,
  "item": function item() { [native code] },
  "namedItem": function namedItem() { [native code] }
}

环节
终点站
终端环节
待办事项列表样本

首先收集学习信息
学习Javascript
学习CSS
学习HTML
并掌握好它们

toDoListe.childNodes

没有返回您所期望的结果。正如@Mosia Thabo所述，您可能需要使用子元素，或者只给每个todo元素一个类，例如它们共享的类，您可以使用

var todos document.querySelector（'.todo'）

访问它们

---

否则，上面的答案就是最好的解决方案，因为

toDoListe.childNodes

返回一个对象。

todos是一个HTML集合。使用方法如下

todos = toDoListe.children
Array.from(todos).forEach(funtion(todo){})

---

其他迭代方法，检查这个变量在哪里定义的

topoliste

，它是否定义为包含一个节点集合？如果不查看

topoliste

在哪里定义的话，很难帮到忙，这就是topoliste声明

const topoliste=document.querySelector（'.toDo liste'）

您可以将包含该元素的html的一部分与

toDo list

类共享吗？我得到了以下错误类型错误：todos.forEach不是一个函数您可以将包含该元素的html的一部分与

toDo list

e类共享吗？然后我们可以提供帮助。

taches terminer taches termines