Ottieni HTMLElement dall'elemento

Question

Ho un Element e non riesco a capire come ottenere il HTMLElement da esso.

Ad esempio:

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

Allora ottengo loro in questo modo:

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

Modifica

Ecco il codice:

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

Hai solo bisogno di cast:

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

Si può anche lanciare ad un elemento più specifico:

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

Il fatto è che document.querySelectorAll restituisce il tipo elemento più generica, ma se conosci te stesso qual è il tipo specifico, puoi lanciare, perché "conosci meglio" del compilatore.

Answer 2

Sei vicino!

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

Il modo in cui funziona consiste nel trasmettere l'elemento a HTMLElement.

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