Typescript，“ NodeListOf <Element>”不是数组类型或字符串类型

Question

将我的JS转换为TS严格模式（非常头痛哈哈）

下面的语法看起来好像没什么问题，但TS在抱怨for环路上allSubMenus有：

[ts] Type 'NodeListOf<Element>' is not an array type or a string type.

我想念什么

function subAct(target:Node){

  const allSubMenus : NodeListOf<Element> = document.querySelectorAll('.subMenuItems') 

  for (const sub of allSubMenus){
    sub.classList.remove('active')
  }  
}

Answer 1

这是打字稿侧解析错误。我对HTMLCollectionOf有同样的问题

使任何，它为我工作

  const allSubMenus : NodeListOf<Element> = document.querySelectorAll('.subMenuItems') 

  for (const sub of allSubMenus as any){ // then will pass compiler
    sub.classList.remove('active')
  }  

Answer 2

您需要将target编译器选项设置为es6或更高NodeListOf<T>才能迭代。

Answer 3

你可以试试

const allSubMenus : NodeListOf<Element> = document.querySelectorAll('.subMenuItems') 
Array.from(allSubMenus, subMenu => {/* */})