गुण मान के आधार पर DOM में कोई तत्व खोजें

पेज इस तरह दिखेगा:

अब, हमें वह तत्व मिलेगा जहाँ आईडी ' संदेश '' का उपयोग करके असाइन किया गया है क्वेरी चयनकर्ता () ' तरीका:

अंत में, तत्व को कंसोल पर प्रिंट करें:

आउटपुट में, ' डिव 'तत्व को उसकी निर्दिष्ट आईडी के साथ दिखाया गया है' संदेश ”, जो इंगित करता है कि आवश्यक तत्व को सफलतापूर्वक पुनर्प्राप्त कर लिया गया है:

आप दिए गए सिंटैक्स का उपयोग करके भी तत्व प्राप्त कर सकते हैं। यहां, हमें वह तत्व मिलेगा जिसकी आईडी है “ एमएसजी ':

उत्पादन

अब, 'का उपयोग करके इसका रंग अपडेट करें' शैली ' संपत्ति:

जैसा कि आप देख सकते हैं, पाठ 'में था हरा 'रंग, और अब इसे' में अपडेट कर दिया गया है नीला ':

यह एक विशेषता मान के आधार पर DOM में एक तत्व खोजने के बारे में है।

निष्कर्ष

एक विशेषता मान के आधार पर DOM में एक तत्व खोजने के लिए, 'का उपयोग करें' क्वेरी चयनकर्ता () ” विधि जो दस्तावेज़ में पहला तत्व देती है जो निर्दिष्ट CSS चयनकर्ता मान से मेल खाता है। इसके अलावा, निर्दिष्ट चयनकर्ता मान से मेल खाने वाले सभी तत्वों को प्राप्त करने के लिए, 'का उपयोग करें' querySelectorAll () ' तरीका। इस ट्यूटोरियल ने किसी भी विशेषता मान के आधार पर DOM तत्व खोजने की प्रक्रिया का वर्णन किया है।