HTML DOM NodeList item() मध्यम

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

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

निर्दिष्ट सूचकांक में निर्दिष्ट सूचकांक की स्थिति को पहुँचाने के लिए दो मध्यम हैं:

list.item(सूचकांक)

या

list[सूचकांक]

सबसे सरल और सबसे आम तरीका है [सूचकांक]。

उदाहरण

उदाहरण 1

<body> एलीमेंट के उप-एलीमेंट को प्राप्त करना:

const nodeList = document.body.childNodes;

अपने आप प्रयोग करें

उदाहरण 2

पहले उप-एलीमेंट के नोड नाम को प्राप्त करना:

const list = document.body.childNodes;
let name = list.item(0).nodeName;

अपने आप प्रयोग करें

उदाहरण 3

इस उदाहरण का परिणाम एकसी है:

const list = document.body.childNodes;
let name = list[0].nodeName;

अपने आप प्रयोग करें

उदाहरण 4

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

const list = document.getElementsByTagName("p");
let text = list.item(0).innerHTML;

अपने आप प्रयोग करें

उदाहरण 5

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

const div = document.getElementById("myDIV");
const list = div.getElementsByTagName("p");
let text = list[0].innerHTML;

अपने आप प्रयोग करें

उदाहरण 6

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

const div = document.getElementById("myDIV");
const list = div.getElementsByTagName("p");
let text = list[0].innerHTML = "Paragraph changed";

अपने आप प्रयोग करें

उदाहरण 7

श्रेणी="child" के सभी एलीमेंट का रंग बदलें:

const list = document.querySelectorAll(".child");
for (let i = 0; i < list.length; i++) {
  list[i].style.color = "red";
}

अपने आप प्रयोग करें

व्याकरण

nodelist.item(सूचकांक)

या संक्षिप्त रूप में:

nodelist[सूचकांक]

पारामीटर

पारामीटर वर्णन
सूचकांक

आवश्यक। सूची में नोड के सूचकांक (इंडेक्स)।

नोड उसके डॉक्यूमेंट में दिखाई देने की क्रमिक अनुक्रम के अनुसार गठित होते हैं।

सूचकांक से शुरू होता है।

वापसी मान

श्रेणी वर्णन
वस्तु निर्दिष्ट सूचकांक के स्थान पर नोड।
null यदि सूचकांक की दूरी बाहर है।

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

nodelist.item() डॉम लेवल 1 (1998) विशेषता है।

सभी आधुनिक ब्राउज़र इसे समर्थित करते हैं:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
समर्थन 9-11 समर्थन समर्थन समर्थन समर्थन

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

length गुण

entries() विधि

forEach() विधि

keys() विधि

values() विधि

NodeList वस्तु

childNodes() विधि

querySelectorAll() विधि

getElementsByName() विधि