DOM का एक परिचय

• मई 6, 2024

DOM एक डॉक्यूमेंट ऑब्जेक्ट मॉडल के लिए एक संक्षिप्त नाम है। यह HTML को देखने का एक तरीका है जो वेबसाइट डेवलपर्स के लिए फ़ंक्शन बनाने और कोड को उन तरीकों से हेरफेर करना संभव बनाता है जो अन्यथा असंभव होगा।

DOM के तीन मूल प्रकार हैं; कोर डोम, जिसका उपयोग किसी भी प्रकार की परवाह किए बिना किसी भी दस्तावेज़ को परिभाषित करने के लिए किया जा सकता है; XML DOM, जिसका उपयोग XML दस्तावेजों और HTML DOM के साथ किया जाता है। यह अंतिम प्रकार HTML डेवलपर्स के लिए सबसे महत्वपूर्ण और उपयोगी है, इसलिए DOM यह लेख खोजेगा।

HTML DOM एक HTML पेज को नोड्स में विभाजित करता है। ये नोड्स सभी एक-दूसरे से जुड़े होते हैं, जिसमें बच्चे के नोड्स अपने माता-पिता के नोड्स से उतरते हैं और शीर्ष नोड से एक पेड़ के समान लेआउट में होते हैं। HTML डेवलपर्स के लिए DOM इतना महत्वपूर्ण और उपयोगी क्या है कि यह परिभाषा पृष्ठ के हर हिस्से को अलग बनाती है और इसे अन्य सभी भागों के संबंध में रेखांकित करती है, ताकि कोड को डिज़ाइन करना आसान हो जो उस विशेष खंड को संदर्भित करता है और केवल उस हिस्से को प्रभावित करता है । यह जावास्क्रिप्ट प्रोग्रामिंग के लिए HTML डोम को महत्वपूर्ण बनाता है, उदाहरण के लिए, क्योंकि यह जावास्क्रिप्ट प्रोग्राम को सीधे HTML तत्वों का उपयोग करने के लिए एक तरीका प्रदान करता है। DOM के बिना, जावास्क्रिप्ट प्रोग्राम के लिए वेब पेज की सामग्री को गतिशील रूप से एक्सेस करना असंभव है। एक उदाहरण के रूप में, डोम तरीकों का उपयोग करके आप एक प्रोग्राम लिख सकते हैं जो किसी विशेष HTML तत्व के अंदर पाठ को बदल देता है यदि कोई विशिष्ट घटना होती है (कहते हैं, एक आगंतुक पृष्ठ पर एक बटन पर क्लिक करता है)।

जैसा कि आप पहले से ही जानते हैं, एक HTML पृष्ठ इस तरह के विभिन्न तत्वों से बना है:



नमूना HTML पृष्ठ

यह एक मूल HTML पेज का एक उदाहरण है।

DOM के साथ, प्रत्येक तत्व (टैग के एक सेट के बीच सब कुछ, जैसे) एक नोड है। नोड को रूट नोड कहा जाता है, और सबसे बुनियादी है; यह दो बच्चे नोड्स, नोड और नोड है। उपरोक्त उदाहरण में, नोड नोड और का बच्चा है

नोड नोड का बच्चा है।

एक वेब डेवलपर कुछ आदेशों का उपयोग करके DOM का उपयोग और परिवर्तन कर सकता है। इन आदेशों को गुणों में विभाजित किया जाता है (जो HTML पृष्ठ के एक हिस्से का वर्णन करता है) और तरीके (जो पृष्ठ के उस हिस्से के लिए कुछ करते हैं)।

HTML DOM का उपयोग करने के तरीके के बारे में जानने के लिए, अगले लेख, "DOM के साथ काम करना" देखें, जिसे अगले सप्ताह पोस्ट किया जाएगा।

वीडियो निर्देश: 11.4: Chrome Extensions: Background Scripts - Programming with Text (मई 2024).