nodeList.style.display = 'flex' 无效

Question

我找不到问题。我刚收到“Uncaught TypeError: Cannot set 属性 'display' of undefined”这个错误。

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

        case "completed" :
            if(todo.classList.contains('completed')){
                todo.style.display = 'flex';
            }
            break;
    }
});

}

Answer 1

childNodes 包括所有节点，包括文本节点（没有 style 属性.

改用children。这提供了 child 元素 .

Answer 2

您可以在此处使用属性 cahining....

todo?.style?.display = 'flex'

它所做的是首先检查属性。如果它找到确切的属性则分配该值，否则跳过。

nodeList.style.display = 'flex' 无效

nodeList.style.display = 'flex' is not working

javascript

flexbox

nodelist