तत्व

Question

से HTMLElement प्राप्त करें मेरे पास Element है, और मैं यह नहीं समझ सकता कि 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>;