HTML DOM getElementsByTagName() तरीका
परिभाषा और उपयोग
getElementsByTagName() तरीके को वापस करने वाला तरीका नामकरण वाले ऑब्जेक्ट की संग्रह को वापस कर सकता है。
व्याकरण
document.getElementsByTagName(tagname)
व्याख्या
getElementsByTagName() तरीके को वापस करने वाले एलीमेंट की गठबंधन क्रम उनके दस्तावेज़ में अवस्थिति के क्रम में है।
यदि विशिष्ट स्ट्रिंग "*" को getElementsByTagName() तरीके को भेजा जाता है, तो यह दस्तावेज़ में सभी एलीमेंट की सूची वापस करेगा, एलीमेंट की गठबंधन क्रम उनके दस्तावेज़ में अवस्थिति के क्रम में है।
सूचना और टिप्पणी
टिप्पणी:getElementsByTagName() तरीके को भेजे गए स्ट्रिंग नामकरण नामकरण बड़ा या छोटा होने का विभेद नहीं किया जाता है。
उदाहरण
उदाहरण 1
<html>
<head>
<script type="text/javascript">
function getElements()
{
var x=document.getElementsByTagName("input");
alert(x.length);
}
</script>
</head>
<body>
<input name="myInput" type="text" size="20" /><br />
<input name="myInput" type="text" size="20" /><br />
<input name="myInput" type="text" size="20" /><br />
<br />
<input type="button" onclick="getElements()"
value="कितने इनपुट एलिमेंट्स हैं?" />
</body>
</html>
उदाहरण 2
getElementsByTagName() विधि का उपयोग करके किसी भी प्रकार के HTML एलिमेंट की सूची प्राप्त की जा सकती है।उदाहरण के लिए, नीचे दिए गए कोड दस्तावेज़ के सभी तालिकाओं को प्राप्त करता है:
var tables = document.getElementsByTagName("table");
alert ("This document contains " + tables.length + " tables");
उदाहरण 3
यदि आप काफी हद तक दस्तावेज़ की संरचना को जानते हैं, तो आप भी getElementsByTagName() विधि का उपयोग करके दस्तावेज़ के एक विशेष एलिमेंट को प्राप्त कर सकते हैं।उदाहरण के लिए, नीचे दिए गए कोड दस्तावेज़ के चौथे पैराग्राफ को प्राप्त करता है:
var myParagragh = document.getElementsByTagName("p")[3];
हालांकि, हम अभी भी सोचते हैं कि अगर आप किसी विशेष एलिमेंट को ऑपरेट करना चाहते हैं, तो getElementById() विधि का उपयोग करना अधिक प्रभावी होगा。
