Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> HTML

एचटीएमएल डोम संग्रह एम्बेड करता है

<घंटा/>

HTML DOM एम्बेड संग्रह का उपयोग हमारे HTML दस्तावेज़ में एम्बेड [] सरणी में मौजूद ऑब्जेक्ट्स की संख्या को वापस करने के लिए किया जाता है। संग्रह के तत्व उसी क्रम में मौजूद हैं जैसे वे HTML दस्तावेज़ में दिखाई देते हैं।

गुण

एम्बेड संग्रह के लिए संपत्ति निम्नलिखित है -

संपत्ति विवरण
लंबाई संग्रह में मौजूद <एम्बेड> तत्वों की संख्या वापस करने के लिए। आप इस प्रॉपर्टी का मान नहीं बदल सकते क्योंकि यह केवल पढ़ने के लिए है।

तरीके

एम्बेड संग्रह के लिए निम्नलिखित तरीके हैं -

विधि विवरण
[सूचकांक] दिए गए अनुक्रमणिका के साथ संग्रह में <एम्बेड> तत्व वापस करने के लिए। अनुक्रमणिका 0 से शुरू होती है और यदि अनुक्रमणिका संख्या सीमा से बाहर है तो शून्य वापस आ जाता है।
आइटम (सूचकांक) दिए गए अनुक्रमणिका के साथ संग्रह से <एम्बेड> तत्व वापस करने के लिए। अनुक्रमणिका 0 से शुरू होती है और यदि अनुक्रमणिका संख्या सीमा से बाहर है तो शून्य वापस कर दिया जाता है।
नामांकित आइटम उस संग्रह से <एम्बेड> तत्व वापस करने के लिए जिसमें दी गई आईडी इसके साथ जुड़ी हुई है। यदि दी गई आईडी मौजूद नहीं है तो शून्य वापस आ जाता है।

सिंटैक्स

एम्बेड संग्रह के लिए सिंटैक्स निम्नलिखित है -

<पूर्व>दस्तावेज़.एम्बेड्स

उदाहरण

आइए HTML DOM एम्बेड संग्रह के लिए एक उदाहरण देखें -

संग्रह उदाहरण एम्बेड करें

नीचे दिए गए बटन पर क्लिक करके इस दस्तावेज़ में एम्बेड किए गए तत्वों की संख्या प्राप्त करें।



आउटपुट

यह निम्नलिखित आउटपुट देगा -

एचटीएमएल डोम संग्रह एम्बेड करता है

GET COUNT बटन क्लिक करने पर -

एचटीएमएल डोम संग्रह एम्बेड करता है

उपरोक्त उदाहरण में -

हमने दो एम्बेड तत्व बनाए हैं जिनमें उनके सामान्य वर्ग विशेषता मान के आधार पर एक सीएसएस शैली लागू होती है -

.EMB{चौड़ाई:200px; ऊंचाई:200 पीएक्स; बॉर्डर:4px सॉलिड ब्लू;}<एम्बेड क्लास="EMB" src="Text-Collection.pdf"><एम्बेड क्लास="EMB" src="Text-Collection.pdf">

हमने तब GET COUNT बटन बनाया है जो उपयोगकर्ता द्वारा क्लिक किए जाने पर एम्बेडनो () विधि को निष्पादित करेगा -

EmbedsNo () विधि एम्बेड.लेंथ विशेषता मान प्राप्त करती है और इसे वेरिएबल ई को असाइन करती है। चूंकि हमारे दस्तावेज़ में केवल दो <एम्बेड> तत्व हैं, इसलिए एम्बेड। लंबाई 2 वापस आ जाएगी।

यह मान तब पैराग्राफ में "नमूना" आईडी के साथ प्रदर्शित होता है और इसके आंतरिक HTML गुण मान को इच्छित टेक्स्ट पर सेट करता है -

फ़ंक्शन एम्बेडनहीं() { var e =document.embeds.length; document.getElementById("Sample").innerHTML ="इस दस्तावेज़ में एम्बेड किए गए तत्वों की संख्या है" + e;}

  1. HTML DOM तालिका पंक्तियों का संग्रह

    HTML DOM तालिका पंक्तियाँ संग्रह एक HTML दस्तावेज़ में तालिका के सभी तत्वों का संग्रह देता है। सिंटैक्स निम्नलिखित वाक्य रचना है - object.rows पंक्तियों के संग्रह के गुण HTML दस्तावेज़ में संग्रह के तत्व। Property स्पष्टीकरण लंबाई यह एक HTML दस्तावेज़ में संग्रह में तत्वों की संख्या देता

  1. एचटीएमएल डोम एचआर ऑब्जेक्ट

    HTML DOM HR ऑब्जेक्ट HTML दस्तावेज़ के तत्व का प्रतिनिधित्व करता है। घंटा वस्तु बनाएं− सिंटैक्स निम्नलिखित वाक्य रचना है - दस्तावेज़.क्रिएट एलीमेंट (एचआर); आइए हम घंटा वस्तु का एक उदाहरण देखें- उदाहरण body { text-align:center; पृष्ठभूमि-रंग:#fff; रंग:#0197F6; } h1 {रंग:#23CE6B; } .btn {पृष्ठभूम

  1. एचटीएमएल डोम उल ऑब्जेक्ट

    एचटीएमएल में एचटीएमएल डोम उल ऑब्जेक्ट . का प्रतिनिधित्व करता है तत्व। एक बनाना तत्व var ulObject = document.createElement(“UL”) यहां, “ulObject” निम्न गुण हो सकते हैं लेकिन HTML5 . में समर्थित नहीं हैं - संपत्ति विवरण कॉम्पैक्ट इससे सेट/रिटर्न होता है कि क्या अनियंत्रित सूची