HTML DOM NodeList పరిశీలనాగారం

NodeList

NodeList అనేది నోడ్ ఆబ్జెక్ట్స్ యాక్సరేషన్ యొక్క పరిమితి సమానమైన ప్రతిమాల సమాహారం (జాబితా).

NodeList లోని నోడ్స్ ఇండెక్స్ ద్వారా పరిశీలించబడతాయి (0 నుండి ప్రారంభించబడుతుంది).

length అంశంNodeList లోని నోడ్స్ సంఖ్యను తిరిగి చూపుతుంది.

NodeList vs. HTMLCollection

NodeList మరియు HTMLCollection దాదాపు అదే.

డాక్యుమెంట్ క్రింది వివరణను చూడండి.

ఎవరు NodeList ను తిరిగి చూపుతారు?

childNodes అంశం

querySelectorAll() పద్ధతి

getElementsByName() పద్ధతి

అంశాలు మరియు పద్ధతులు

NodeList పైన క్రింది అంశాలు మరియు పద్ధతులను ఉపయోగించవచ్చు:

పేరు వివరణ
entries() జాబితాలోని కీ/విలువలను తిరిగి చూపుతుంది.
forEach() జాబితాలోని ప్రతి నోడ్ కు కాల్బ్యాక్ ఫంక్షన్ అమలు చేసుకునుటకు.
item() కొన్ని ఇండెక్స్ లోని నోడ్ ను తిరిగి చూపుతుంది.
keys() జాబితాలోని కీలను ఉపయోగించి ఇటీరేటర్ రాబట్టుకునుటకు.
పొడవు NodeList లోని నోడ్స్ సంఖ్యను తిరిగి చూపుతుంది.
values() జాబితాలోని విలువలను ఉపయోగించి ఇటీరేటర్ రాబట్టుకునుటకు.

ఉదాహరణలు

డాక్యుమెంట్ లోని అన్ని ఎలమెంట్స్ ఎంచుకునుటకు: <p> నోడ్:

const myNodeList = document.querySelectorAll("p");

NodeList లోని ఎలమెంట్స్ ఇండెక్స్ నంబర్ ద్వారా పరిశీలించబడతాయి.

రెండవ <p> నోడ్ ను సందర్శించడానికి మీరు రాయవచ్చు:

myNodeList[1]

亲自试一试

గమనిక:ఇండెక్స్ నుండి 0 మొదలుకొంటుంది.

HTML DOM నోడ్ లిస్ట్ పొడవు

పొడవు అంశం నోడ్ లిస్ట్ లోని నోడ్స్ సంఖ్యను నిర్వచిస్తుంది:

ఉదాహరణ 1

myNodelist.length

亲自试一试

మీరు నోడ్ లిస్ట్ లోని నోడ్స్ ను పరిశీలించడానికి కావాలి ఉన్నప్పుడు:పొడవు అంశాలు అనువర్తనం ఉంది:

ఉదాహరణ 2

నోడ్ లిస్ట్ లోని అన్ని <p> ఎలమెంట్స్ రంగును మార్చుకునుటకు:

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

亲自试一试

不是数组

NodeList 不是数组！

NodeList 可能看起来像一个数组，但事实并非如此。

మీరు NodeList ను సరిహద్దు చేయవచ్చు మరియు నోడ్స్ ను సంఖ్యలో ఉపయోగించవచ్చు.

కానీ మీరు NodeList పైన ఆర్రే మెథడ్స్ నివృత్తించలేరు, అవి push(), pop() లేదా join()

HTMLCollection మరియు NodeList యొక్క వ్యత్యాసం

NodeList మరియు HTMLcollection చాలా సమానం

రెండూ కూడా డాక్యుమెంట్ నుండి ఎటువంటి నోడ్స్ (ఎలమెంట్స్) సమానమైన కలెక్షన్లు (జాబితాలు) ఉన్నాయి. నోడ్స్ ను సంఖ్యలో ప్రాప్యమవుతాయి. సంఖ్య నుండి ప్రారంభం అవుతుంది.

రెండూ ఉన్నాయి length అంశందాని లో ప్రాజెక్టుల సంఖ్యను అందిస్తుంది.

HTMLCollection అనేదిడాక్యుమెంట్ ఎలమెంట్కలెక్షన్ ఉంటుంది.

NodeList అనేదిడాక్యుమెంట్ నోడ్ఎల్లా విషయాలు (ఎలమెంట్ నోడ్, అట్రిబ్యూట్ నోడ్ మరియు టెక్స్ట్ నోడ్) కలెక్షన్.

HTMLCollection ప్రాజెక్టులు వాటి పేరు, id లేదా సంఖ్యలో ప్రాప్యమవుతాయి.

NodeList అంశాలు వాటి సంఖ్యలో మాత్రమే ప్రాప్యమవుతాయి.

HTMLCollection ఎల్లప్పుడూ ఒక కలెక్షన్ ఉంటుంది.వాస్తవికఉదాహరణకు: నోడ్ లో <li> మెటాడాటా జోడించినప్పుడు, HTMLCollection లో జాబితా మారుతుంది.

నోడ్ లిస్ట్ సాధారణంగా ఒక కలెక్షన్ ఉంటుంది.స్థిరమైనకలెక్షన్. ఉదాహరణకు: నోడ్ లో <li> మెటాడాటా జోడించినప్పుడు, నోడ్ లిస్ట్ లో జాబితా మారదు.

getElementsByClassName() మరియు getElementsByTagName() మార్గదర్శకం వాస్తవిక HTMLCollection అందిస్తుంది.

querySelectorAll() మార్గదర్శకం స్థిరమైన నోడ్ లిస్ట్ అందిస్తుంది.

childNodes అంశం వాస్తవిక నోడ్ లిస్ట్ అందిస్తుంది.

వాస్తవిక నోడ్ జాబితా

కొన్ని సందర్భాల్లో, నోడ్ లిస్ట్ అదే వాస్తవిక కాకపోతే ఉంటుందివాస్తవికమరియు DOM లో మార్పులు నోడ్ లిస్ట్ ను నవీకరిస్తాయి.

childNodes మార్గదర్శకం వాస్తవిక నోడ్ లిస్ట్ అందిస్తుంది.