HTML DOM NodeList item() మాథ్ద్యం

నిర్వచనం మరియు వినియోగం

item() మాథ్ద్యమం రాయితీ పొందడానికి మాథ్ద్యమం నిర్దేశిత సంఖ్యలో నోడ్ ను పొందుతుంది.

నిర్దేశిత సంఖ్యలో నోడ్ పొందడానికి రెండు పద్ధతులు ఉన్నాయి:

list.item(index)

లేదా

list[index]

సరళమైన మరియు అత్యంత ఉపయోగించే పద్ధతి [index]。

ఉదాహరణ

ఉదాహరణ 1

బాడీ మెటాడాటా సబ్ నోడ్స్ పొందండి:

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> మెటాడాటా హ్టమ్ల్ కంటెంట్ను పొందండి:

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

స్వయంగా ప్రయోగించండి

ఉదాహరణ 5

"myDIV" లో మొదటి <p> ఎలమెంట్ యొక్క HTML విషయాన్ని పొందండి:

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

స్వయంగా ప్రయోగించండి

ఉదాహరణ 6

"myDIV" లో మొదటి <p> ఎలమెంట్ యొక్క HTML విషయాన్ని మార్చుము:

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(index)

లేదా సరళంగా ఉంటుంది:

nodelist[index]

పారామీటర్

పారామీటర్ వివరణ
index

అవసరం. జాబితాలో నోడ్ల సూచిక (అంకె).

నోడ్లు దానిని పత్రంలో కనిపించే క్రమంలో క్రమీకరించబడతాయి.

సూచిక నుండి 0 మొదలుకొని ఉంటుంది.

తిరిగి వచ్చే విలువ

రకం వివరణ
ఆబ్జెక్ట్ నిర్దేశించిన సూచిక స్థానంలో నోడ్ ఉంటుంది.
null సూచిక పరిధి దాటినప్పుడు.

బ్రౌజర్ మద్దతు

nodelist.item() అనేది DOM Level 1 (1998) లక్షణం.

అన్ని ఆధునిక బ్రౌజర్లు దానిని మద్దతు ఇస్తాయి:

చ్రోమ్ ఐఇ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఓపెరా
చ్రోమ్ ఐఇ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఓపెరా
మద్దతు 9-11 మద్దతు మద్దతు మద్దతు మద్దతు

సంబంధిత పేజీలు

length లక్షణం

entries() పద్ధతి

forEach() పద్ధతి

keys() పద్ధతి

values() పద్ధతి

NodeList ఆబ్జెక్ట్

childNodes() పద్ధతి

querySelectorAll() పద్ధతి

getElementsByName() పద్ధతి