Get HTMLElement von Element

Question

Ich habe eine Element, und ich kann nicht herausfinden, wie man die HTMLElement daraus bekommen.

Zum Beispiel:

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

ich sie dann etwa so:

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? 
} 

bearbeiten

Hier ist der Code:

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

Sie müssen es einfach nur werfen:

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'; 
} 

Sie können sogar zu einem spezielleren Element gegossen:

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

Die Sache ist die, dass document.querySelectorAll kehrt das allgemeinste Elementtyp, Aber wenn Sie selbst wissen, was der spezifische Typ ist, dann können Sie ihn umsetzen, weil Sie "besser wissen" als der Compiler.

Answer 2

Sie sind nah dran!

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

Die Art und Weise, die funktioniert, ist das Element auf eine HTMLElement zu werfen.

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