打字稿如何遍历 html 元素的节点列表并获取值？

Question

我有输入的节点列表，但不知道如何从中获取值

let paragraphSubEl = document.querySelectorAll(
      '.add-article__form-subtitle'
    );

Answer 1

首先，您应该设置类型保护，然后迭代整个 HTML 个元素。

如果你不这样做。 querySelectorAll return HTMLInputElement 或 null 它是一个类型联合，这就是打字稿显示错误的原因。默认行为是严格检查器。

 let paragraphSubEl = document.querySelectorAll('.add-article__form-subtitle');
    if(paragraphSubEl) {
        paragraphSubEl.forEach(node =>  {   console.log(node.firstChild.nodeValue) })
    }

打字稿如何遍历 html 元素的节点列表并获取值？

Typescript How to iterate through Nodelist of html elements and get values?

nodelist

typescript