Emphakathini wanamuhla lapho ukugcwala kolwazi kuyinto evamile, ukubhekana nemibhalo ye-HTML kuyinto efanayo. Lonke ikhasi lewebhu lomkhathi we-inthanethi lakhiwe ku-HTML, lidala i-labyrinthine mesh yezinto namathegi. Ukhiye wokuzulazula kule mesh ngendlela ehlelekile nehlelekile ngokusebenzisa i- querySelectorAll indlela kuJavaScript noma, kithi lapha, i-TypeScript. Namuhla, sizocubungula ngokujulile ekusebenziseni amandla e-querySelectorAll njenge-HTMLElement ku-TypeScript.
I-TypeScript, i-superset ethayiphiwe ye-JavaScript, ingase ifakwe uphawu njenge-grail engcwele konjiniyela abasebenza kakhulu nge-JS. Yengeza i-JavaScript ngokungeza izinhlobo nokuletha ipharadigm ye-Object-Oriented Programming. I querySelectorAll Indlela iyithuluzi elinamandla ebhokisini lamathuluzi le-TypeScript nanoma yimuphi umthuthukisi wewebhu.
let elements: NodeListOf<HTMLElement> = document.querySelectorAll(".class");
Ukugxumela Okujulile ku-querySelectorAll
Isiqephu sekhodi esingenhla, nakuba sibonakala sisengaphambili, sinezendlalelo kuso. I querySelectorAll indlela eku-TypeScript isebenza ngendlela efanayo neyendabuko yeJavaScript; ibuyisela uhlu olumile lwazo zonke izakhi kudokhumenti ezifana neqembu labakhethi elishiwo. Uhlobo lwesichasiselo se I-NodeListOf iqinisekisa ukuthi sisebenzisana nama-HTMLElements.
Ngamagama alula, ivumela ukukhethwa kwayo yonke into ye-HTML ekhona ekhasini lewebhu eliqondana nesimo esithile esicacisiwe. Isibonelo, ingasiza ekukhetheni ama-elementi ngekilasi, i-id, ithegi, kanye nezinhlanganisela eziyinkimbinkimbi.
Imitapo yolwazi kanye Nemisebenzi Ehlobene
Ngenkathi querySelectorAll iqine ngendlela emangalisayo, kuyasiza futhi ukuhlola umqondo ngokuhlobene neminye imitapo yolwazi, imisebenzi, noma izindlela:
- The getElementById indlela ivumela ukufinyelela okuqondile kwento nge-id yayo ehlukile.
- getElementsByClassName futhi getElementsByTagName izindlela hlanganisa i-HTML ebukhomaUkuqoqwa kwezinto.
- Emkhakheni we-jQuery, i $('.class') iyindlela ehlukile yokulanda izinto ngeklasi.
Ukusebenzisa i-querySelectorAll nge-TypeScript
Amandla wangempela we querySelectorAll ikhanya kahle uma isetshenziswa endaweni ye-TypeScript. Ngenxa yezinhlobo ezimile ze-TypeScript, sinesiqiniseko sokuthi izinto ezibuyisiwe zizoba yi-HTMLElements, okwenza ukusebenza okulandelayo kulezi zakhi kube nomoya oshisayo. Lokhu kunciphisa ngempumelelo amaphutha esikhathi sokusebenza futhi kusiza ukuqedela ngokuzenzakalela kubahleli bombhalo abasekelwayo.
Ekugoqeni le nkundla ezindaweni ze-querySelectorAll, HTMLElement kanye ne-TypeScript, kuyacaca ukuthi amandla anjalo amaqhinga awanakubukelwa phansi. Ngokuhlanganisa ukukhetha okucophelelayo nokufinyelela okuhleliwe kuma-elementi ekhasini lewebhu, umuntu angakha ukuzizwisa okusebenzisanayo nokushintshayo kwewebhu. Ulwazi oluyisisekelo lwalawa makhono, yingakho, ithuluzi elinamandla ebhandeni labo bonke abathuthukisi bewebhu besimanje.
