वाइल्डकार्ड तत्व नाम जावास्क्रिप्ट में "querySelector()" और "querySelectorAll()" के साथ मेल खाता है

समस्या:

किसी XML दस्तावेज़ को उन तत्वों के साथ क्वेरी करना जिनके नाम में विशिष्ट स्ट्रिंग्स अंतर्निहित हैं, चुनौतीपूर्ण हो सकता है। हालाँकि CSS विशेषता प्रश्नों के लिए वाइल्डकार्ड का समर्थन करता है, लेकिन समान कार्यक्षमता तत्व नामों के लिए गायब है। "querySelector()" या "querySelectorAll()" का उपयोग करने वाले नाम। हालाँकि, वैकल्पिक दृष्टिकोण हैं:

सीएसएस विशेषता मानों के लिए वाइल्डकार्ड प्रदान करता है। तत्वों को उनके नाम में एक विशेष स्ट्रिंग के साथ मिलाने के लिए, निम्नलिखित सिंटैक्स का उपयोग करके उनकी किसी भी विशेषता के भीतर उस स्ट्रिंग की उपस्थिति देखें:

• [attribute^='value'] उन तत्वों से मेल खाता है जिनकी विशेषता शुरू होती है 'मूल्य' के साथ। उन तत्वों से मेल खाता है जिनकी विशेषता में 'मूल्य' है। उपरोक्त अभिव्यक्तियों में नाम'।
  उदाहरण:
  • सभी तत्वों को खोजने के लिए उनके 'नाम' विशेषता में स्ट्रिंग "नाम" के साथ, आप इसका उपयोग कर सकते हैं:
  • const elementWithName = document.querySelectorAll('[name*=name"]');
नोट:
• यदि आप तत्व टैग नाम के लिए वाइल्डकार्ड मिलान की तलाश कर रहे हैं, तो वर्तमान में इसका उपयोग करने का कोई सीधा समाधान नहीं है "querySelector()" या "querySelectorAll()"।