HTML DOM embeds कलेक्शन

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

गुण (Properties)

embeds कलेक्शन के लिए निम्नलिखित गुण है:

गुण	विवरण
length	कलेक्शन में मौजूद <embed> तत्वों की संख्या लौटाता है। यह एक रीड-ओनली गुण है, इसलिए इसका मान बदला नहीं जा सकता।

विधियाँ (Methods)

embeds कलेक्शन के लिए निम्नलिखित विधियाँ उपलब्ध हैं:

विधि	विवरण
[index]	दिए गए इंडेक्स पर स्थित <embed> तत्व को लौटाता है। इंडेक्सिंग 0 से शुरू होती है और यदि इंडेक्स सीमा से बाहर है तो null लौटाता है।
item(index)	दिए गए इंडेक्स पर स्थित <embed> तत्व को लौटाता है। इंडेक्सिंग 0 से शुरू होती है और यदि इंडेक्स सीमा से बाहर है तो null लौटाता है।
namedItem(name)	दिए गए id वाले <embed> तत्व को कलेक्शन से लौटाता है। यदि दिया गया id मौजूद नहीं है तो null लौटाता है।

सिंटैक्स

embeds कलेक्शन के लिए सिंटैक्स निम्नलिखित है:

document.embeds

उदाहरण

आइए HTML DOM embeds कलेक्शन का एक उदाहरण देखते हैं:

<!DOCTYPE html> <html> <head> <style> 
  .EMB{ 
    width:200px; 
    height:200px; 
    border:4px solid blue; 
  } 
</style> </head> <body> 
<h1>Embeds कलेक्शन उदाहरण</h1> 
<p>नीचे दिए गए बटन पर क्लिक करके इस दस्तावेज़ में embed तत्वों की संख्या जानें।</p> 
<embed class="EMB" src="Text-collection.pdf"> 
<embed class="EMB" src="Text-collection.pdf"> 
<br><br> 
<button onclick="embedsNo()">GET COUNT</button> 
<p id="Sample"></p> 
<script> 
  function embedsNo() { 
    var e = document.embeds.length; 
    document.getElementById("Sample").innerHTML = "इस दस्तावेज़ में embed तत्वों की संख्या " + e + " है"; 
  } 
</script> </body> </html>

आउटपुट

उपरोक्त कोड निम्नलिखित आउटपुट देगा:

HTML DOM embeds कलेक्शन

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

HTML DOM embeds कलेक्शन

उदाहरण की व्याख्या

ऊपर के उदाहरण में:

हमने दो embed तत्व बनाए हैं जिन पर उनके सामान्य class attribute के आधार पर CSS स्टाइल लागू है:

.EMB{ width:200px; height:200px; border:4px solid blue; } 
<embed class="EMB" src="Text-collection.pdf"> 
<embed class="EMB" src="Text-collection.pdf">

फिर हमने GET COUNT बटन बनाया जो यूज़र द्वारा क्लिक किए जाने पर embedsNo() मेथड को एक्ज़िक्यूट करता है:

<button onclick="embedsNo()">GET COUNT</button>

embedsNo() मेथड embeds.length attribute का मान प्राप्त करता है और इसे वेरिएबल e में असाइन करता है। चूंकि हमारे दस्तावेज़ में केवल दो <embed> तत्व हैं, इसलिए embeds.length 2 लौटाएगा।
यह मान फिर id "Sample" वाले पैराग्राफ में innerHTML प्रॉपर्टी के माध्यम से प्रदर्शित किया जाता है:

function embedsNo() { 
  var e = document.embeds.length; 
  document.getElementById("Sample").innerHTML = "इस दस्तावेज़ में embed तत्वों की संख्या " + e + " है"; 
}