要素からHTMLElementを取得

Question

私にはがあります。HTMLElementを入手する方法がわかりません。例えば

：

<a href="">A link</a> 
<a href="">Another link</a> 

私はそのようにようにそれらを取得する：

var nodes: NodeListOf<Element> = document.querySelectorAll('a'); // Returns a NodeList of Elements 
for (let i = 0; i < nodes.length; i++) { 
    var node = nodes.item(i); 
    // How can I get the HTMLElement here? 
} 

編集ここ

はコードです：

let nodes: NodeListOf<Element> = document.querySelectorAll('a'); 
for (let i = 0; nodes[i]; i++) { 
    let node = nodes[i]; 
    var c = nodes[i].style.backgroundColor = 'red'; 
} 

Answer 1

：

let nodes = document.querySelectorAll('a'); 
for (let i = 0; nodes[i]; i++) { 
    let node = nodes[i]; 
    var c = (nodes[i] as HTMLElement).style.backgroundColor = 'red'; 
} 

あなたも、より具体的な要素にキャストすることができます

(nodes[i] as HTMLAnchorElement).style.backgroundColor = 'red'; 

事は、document.querySelectorAllが最も一般的な要素の型を返すということです特定の型が何であるかを自分で知っていれば、コンパイラよりも「よく知っている」ため、キャストすることができます。

Answer 2

もうすぐです！

var nodes = document.querySelectorAll('a'); // Returns a NodeList of Elements 
for (let i = 0; nodes[i]; i++) { 
    // node is your element! 
    var node = nodes[i]; 
    node.style.backgroundColor = "blue"; 
} 

Answer 3

この方法は、要素をHTMLElementにキャストすることです。

あなたはそれをキャストする必要が

let nodes: NodeListOf<HTMLElement> = document.querySelectorAll('a') as NodeListOf<HTMLElement>;