Nhận HTMLElement từ Phần tử

Question

Tôi có một số Element và tôi không thể tìm ra cách nhận được HTMLElement từ đó.

Ví dụ:

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

sau đó tôi nhận được chúng như vậy:

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

Sửa

Đây là mã:

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

Bạn chỉ cần để cast nó:

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

Bạn thậm chí có thể cast vào một yếu tố cụ thể hơn:

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

Cái này là document.querySelectorAll lợi nhuận các loại nguyên tố chung nhất, nhưng nếu bạn biết mình là loại cụ thể thì bạn có thể truyền, bởi vì bạn "biết rõ hơn" so với trình biên dịch.

Answer 2

Bạn thân thiết!

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

Cách hoạt động, là truyền phần tử đến HTMLElement.

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