error TS2339: Property ‘checked‘ does not exist on type ‘Element‘.

使用vue3+ts 构建项目时，遇到了如下报错：
Property ‘checked’ does not exist on type ‘Element’.

代码如下：

let checks = document.querySelectorAll('.result') 
  for (let i = 0; i < checks.length; i++) {
    total++
    if (checks[i].checked) totalChecked++
  }
  if (totalChecked == 0) {
    alert('请您进行相关选择')
    return
  }
    router.push({
      path: '/result',
      query: {
        total,
        totalChecked,
        kind:aa.id
      }
    })
  }

其中判断条件 checks[i].checked 中的checked会被标红，后来百度了好多，终于解决了， 需要声明下类型，但是这个类型为HTMLinputElement,而不是HTMLElement，代码改为下面后，就没有问题了：

let checks = document.querySelectorAll('.result') as NodeListOf<HTMLInputElement>
  for (let i = 0; i < checks.length; i++) {
    total++
    if (checks[i].checked) totalChecked++
  }
  if (totalChecked == 0) {
    alert('请您进行相关选择')
    return
  }
    router.push({
      path: '/result',
      query: {
        total,
        totalChecked,
        kind:aa.id
      }
    })
  }