An warware: ts queryselectorall as htmlelement

A cikin al'ummar yau inda bayanai suka zama ruwan dare, mu'amala da takaddun HTML ba banda bane. Kowane shafin yanar gizon sararin samaniya an gina shi akan HTML, ƙirƙirar ragamar labyrinthine na abubuwa da tags. Makullin kewayawa ta wannan ragar cikin tsari da tsari shine ta hanyar amfani da na'urar tambayaSelectorAll Hanyar a JavaScript ko, a cikin yanayinmu a nan, TypeScript. A yau, za mu zurfafa zurfafa cikin yin amfani da damar tambayarSelectorAll azaman HTMLElement a cikin TypeScript.

TypeScript, babban juzu'i na JavaScript, ana iya yiwa alama alama azaman tsattsauran ra'ayi ga masu haɓakawa da ke aiki tare da JS. Yana haɓaka JavaScript ta hanyar ƙara nau'ikan da kawo cikin tsarin Shirye-shiryen Abubuwan da ke Kan Abu. The tambayaSelectorAll Hanyar kayan aiki ne mai ƙarfi a cikin akwatin kayan aiki na TypeScript da kowane mai haɓaka gidan yanar gizo.

let elements: NodeListOf<HTMLElement> = document.querySelectorAll(".class");

Zurfafa nutsewa cikin tambayaSelectorAll

Lambar lambar da ke sama, kodayake tana da kyau a gaba, tana da yadudduka a ciki. The tambayaSelectorAll Hanyar a cikin TypeScript yana aiki daidai da hanyar JavaScript na gargajiya; yana dawo da jerin abubuwan da ke cikin takaddun da suka dace da ƙungiyar masu zaɓin da aka ƙayyade. Nau'in annotation na NodeListOf yana tabbatar da cewa muna hulɗa da HTMLElements.

A cikin sauƙi, yana ba da damar zaɓin kowane nau'in HTML da ke kan shafin yanar gizon da ya dace da ƙayyadaddun yanayin. Misali, yana iya taimakawa wajen zaɓar abubuwa ta aji, id, tag, har ma da hadaddun haɗaɗɗiya.

Dakunan karatu masu alaƙa da Ayyuka

Duk da yake tambayaSelectorAll yana da ƙarfi sosai, yana da kyau a bincika manufar dangane da wasu ɗakunan karatu, ayyuka, ko hanyoyin:

• The samunElementById Hanyar tana ba da damar shiga kai tsaye zuwa kashi ta musamman id.
• samunElementsByClass Name da kuma samunElementsByTagName hanyoyin tattara HTML Tarin abubuwa masu rai.
• A cikin daular jQuery, da $('.class') sanannen zaɓi ne don ɗauko abubuwa ta aji.

Amfani da querySelectorAll tare da TypeScript

Hakikanin ikon tambayaSelectorAll yana haskakawa yadda ya kamata lokacin amfani da shi a cikin daular TypeScript. Godiya ga tsayayyen nau'ikan TypeScript, muna da tabbacin cewa abubuwan da aka dawo dasu za su zama HTMLElements, yin aiki na gaba akan waɗannan abubuwan iska. Wannan yana rage girman kurakuran lokacin aiki kuma yana sauƙaƙe cikawa ta atomatik a cikin masu gyara rubutu masu tallafi.

A cikin tattara wannan faɗuwar cikin yanayin querySelectorAll, HTMLElement da TypeScript, a bayyane yake cewa ba za a iya raina ƙarfin irin waɗannan fasahohin ba. Ta hanyar haɗa zaɓi na hankali tare da samun damar shirye-shirye zuwa abubuwa akan shafin yanar gizon, mutum na iya ƙirƙirar ƙwarewar mu'amala ta gaske da kuzari. Tushen ilimin waɗannan iyawar shine, don haka, kayan aiki mai ƙarfi a cikin bel na kowane mai haɓaka gidan yanar gizo na zamani.