HTMLCollection item() मेथड

वर्णन और उपयोग

item() विधि HTMLCollection में निर्दिष्ट सूचकांक स्थान के एलीमेंट को वापस करता है。

एलीमेंट स्रोत कोड में उनके प्रकट होने के क्रम में क्रमबद्ध होते हैं, सूचकांक 0 से शुरू होता है。

इसके बजाय आसान विधि का उपयोग कर सकते हैं, और यही नतीजा प्राप्त होगा:

var x = document.getElementsByTagName("P")[0];

उदाहरण

उदाहरण 1

पृष्ठभूमि में पहले <p> एलीमेंट के HTML सामग्री को प्राप्त करें:

function myFunction() {
  var x = document.getElementsByTagName("P").item(0);
  alert(x.innerHTML);
}

स्वयं अभिप्राय करें

व्याकरण

HTMLCollection.item(index)

या

HTMLCollection[index]

पारामीटर मूल्य

पारामीटर वर्ग वर्णन
index Number

आवश्यक. वापस करने के लिए वस्तु के सूचकांक संख्या。

टिप्पणी:सूचकांक 0 से शुरू होता है。

वापसी मूल्य

Element वस्तुसे वर्णित, निर्दिष्ट सूचकांक स्थान के एलीमेंट को प्रदर्शित करता है。

यदि सूचकांक संख्या दायरा से बाहर है, तो null वापस करें。

ब्राउज़र समर्थन

विधि च्रोम आईई फायरफॉक्स सफारी ऑपेरा
item() समर्थन समर्थन समर्थन समर्थन समर्थन

अधिक उदाहरण

उदाहरण 2

पहले <p> एलीमेंट के HTML सामग्री को बदलें:

document.getElementsByTagName("P").item(0).innerHTML = "Paragraph changed";

स्वयं अभिप्राय करें

उदाहरण 3

सभी class="myclass" एलीमेंटों को परिपीडा करें और उनका पृष्ठभूमि रंग बदलें:

var x = document.getElementsByClassName("myclass");
for (i = 0; i < x.length; i++) {
  x.item(i).style.backgroundColor = "red";
}

स्वयं अभिप्राय करें

उदाहरण 4

पहले <div> एलीमेंट में पहले <p> एलीमेंट के HTML सामग्री को प्राप्त करें:

var div = document.getElementById("myDIV");
var x = div.getElementsByTagName("P").item(0).innerHTML;

स्वयं अभिप्राय करें

संबंधित पृष्ठ

HTMLCollection：length गुण

HTML एलिमेंट्स:getElementsByClassName() विधि

HTML एलिमेंट्स:getElementsByTagName() मेथड