為什么它說 array.fillter 不是 function

Question

我正在制作一個待辦事項列表，每個列表都有復選框，如果用戶單擊復選框，它會在下面調用 function。 當我點擊復選框時，控制台說 span.filter 不是 function。

代碼：

function controlCheck(event) {
  let ischecked = event.target.checked;
  const checkobj = {
    checked: ischecked,
  };
  const span = document.querySelectorAll(".span");
  const veryspan = span.filter((e) => e.id === event.target.id);
}

Answer 1

來自querySelectorAll上的 MDN 文檔：

Element 方法 querySelectorAll() 返回一個 static (not live) NodeList

注意NodeList部分。 如果要使用數組方法，可以使用擴展運算符[...span]或Array.from(span)