TypeScript में HTMLElement प्रकार

DOM तत्वों के लिए भी उनके अपने डेटा प्रकार होते हैं। आइए एक उदाहरण के साथ DOM तत्वों के साथ काम करना देखें। मान लीजिए कि हमारे पास निम्नलिखित div है:

html<div></div>

आइए इस div का संदर्भ एक चर में प्राप्त करते हैं। सभी DOM तत्व HTMLElement प्रकार के होते हैं। आइए अपने चर में यह प्रकार निर्दिष्ट करें:

typescriptlet elem: HTMLElement;

आइए अब इस चर में हमारे div का संदर्भ लिखें:

typescriptlet elem: HTMLElement = document.querySelector('div');
console.log(elem);

सभी div, इस तथ्य के अलावा कि वे HTMLElement प्रकार के DOM तत्व हैं, HTMLDivElement प्रकार के भी होते हैं (अन्य टैग्स के लिए भी इसी तरह के प्रकार मौजूद हैं)। आइए अपने तत्व के लिए एक अधिक सटीक प्रकार निर्दिष्ट करें:

typescriptlet elem: HTMLDivElement = document.querySelector('div');
console.log(elem);