聚焦 NodeList 元素

Question

NodeList项没有focus方法。 但是，我看过几篇用nodeList[index].focus()写的文章，这肯定是不正确的，对吧？

我们如何聚焦 NodeList 中的元素？

let nodeList:NodeList = el.nativeElement.querySelectorAll('a');
...
nodeList[0].focus(); // Property 'focus' does not exist on type 'Node'
(nodeList[0] as HTMLElement).focus(); // doesn't work

Answer 1

NodeList不是一个足够窄的类型； 您必须指定它是HTMLElement的节点列表。 您可以使用NodeListOf<HTMLElement>类型执行此操作：

let nodeList: NodeListOf<HTMLElement> = el.nativeElement.querySelectorAll('a');
nodeList[0].focus();

请注意，您也可以让编译器推断正确的nodeList类型，而不必显式键入它：

let nodeList = el.nativeElement.querySelectorAll('a');
nodeList[0].focus();