为什么querySelectorAll不选择所有（“ li”）元素？

Question

我通过遵循视频指南开始学习JavaScript。我最近在尝试完成视频中的作业时遇到问题。

我创建了一个项目列表，您可以通过输入用户信息来添加或删除这些项目。您还应该能够单击某项以将其删除。预期当您单击带有删除线的元素时，该行应消失。这是一个切换功能。

我已经弄清楚了除最后一部分以外的所有其他部分。

当我使用querySelector时，它只会选择第一个很好的元素。但是，当我使用querySelectorAll时，什么也没有发生，Chrome上的Javascript控制台返回以下内容：

    Uncaught TypeError: items.addEventListener is not a function

这是我尝试过的：

var items = document.querySelectorAll("li");

function toggleOnOff() {
    items.classList.toggle("done");
}

items.addEventListener("click", toggleOnOff);

我希望能够使用我创建的css删除线类来打开/关闭列表中的任何项目。