HTML DOM Document getElementsByTagName() మాథోడ్

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

getElementsByTagName() మాథోడ్ నిర్దేశించిన లేబుల్ పేరు కలిగిన అన్ని మెటాడేట్స్ కలెక్షన్ను తిరిగి చూపుతుంది.

getElementsByTagName() మాథోడ్ తిరిగి చూపుతుంది HTMLCollection.

getElementsByTagName() అనుబంధం లేదు అనుబంధం రద్దు చేయబడింది.

ప్రక్కన వివరణ:getElementsByTagName("*") డాక్యుమెంట్లో అన్ని మెటాడేట్స్ తిరిగి చూపుతుంది.

HTMLCollection

HTMLCollection హెచ్‌టిఎమ్ఎల్ మెటాడేట్స్ అనిలక్షణ కలిగిన క్రమబద్ధ సమాచారం (జాబితా).

కలెక్షన్లో మెటాడేట్స్ నిండు సూచకంగా ఇండెక్స్ ద్వారా ప్రాప్యం చేస్తారు (0 నుండి ప్రారంభం).

length అనుబంధం కలెక్షన్లో మెటాడేట్స్ సంఖ్యను తిరిగి చూపుతుంది.

మరింత వివరాలు చూడండి:

getElementById() మాథోడ్

getElementsByClassName() మాథోడ్

querySelector() మాథోడ్

querySelectorAll() మాథోడ్

హెచ్‌టిఎమ్ఎల్ కలెక్షన్ అబ్జెక్ట్

ఇన్స్టాన్స్

ఉదాహరణ 1

లేబుల్ పేరు "li" కలిగిన అన్ని మెటాడేట్స్ పొందండి:

const collection = document.getElementsByTagName("li");

亲自试一试

ఉదాహరణ 2

డాక్యుమెంట్లో అన్ని మెటాడేట్స్ పొందండి:

const collection = document.getElementsByTagName("*");

亲自试一试

ఉదాహరణ 3

డాక్యుమెంట్లో మొదటి <p> మెటాడేట్స్ అంతర్భాగం HTML మార్చండి:

document.getElementsByTagName("p")[0].innerHTML = "Hello World!";

亲自试一试

ఉదాహరణ 4

డాక్యుమెంట్లో <li> మెటాడేట్స్ సంఖ్య:

let numb = document.getElementsByTagName("li").length;

亲自试一试

ఉదాహరణ 5

ప్రతి <p> మెటాడేట్స్ బ్యాక్‌గ్రౌండ్ కలర్ మార్చండి:

const collection = document.getElementsByTagName("P");
for (let i = 0; i < collection.length; i++) {
  collection[i].style.backgroundColor = "red";
}

亲自试一试

语法

document.getElementsByTagName(tagName)

参数

参数 描述
tagName 必需。元素的标记名。

返回值

类型 描述
对象

HTMLCollection 对象。

拥有指定标签名称的元素的集合。

按照元素在文档中出现顺序进行排序。

技术细节

该方法将返回 NodeList 对象（可以作为只读数组处理），该对象存放文档中拥有指定标签名的所有 Element 节点，它们存放的顺序就是在源文档中出现的顺序。

NodeList ఆబ్జెక్ట్ లివ్ అని పిలుస్తారు, అది డాక్యుమెంట్లో పేరుతో టాగ్స్ జోడించబడినప్పుడు లేదా తొలగించబడినప్పుడు స్వయంచాలకంగా అవసరమైన నవీకరణలను చేపట్టుతుంది.

HTML డాక్యుమెంట్స్ క్యాపిటలైజేషన్ వ్యత్యాసాలను చూపించదు, కాబట్టి ఏ క్యాపిటలైజేషన్ రీతిని ఎంచుకోవచ్చు tagNameఇది డాక్యుమెంట్లో అన్ని అనేకటి పేరుతో టాగ్స్ ను పరిశీలిస్తుంది, స్పష్టంగా మూల డాక్యుమెంట్లో పేరు క్యాపిటలైజేషన్ లేకుండా ఉంటుంది. కానీ XML డాక్యుమెంట్స్ క్యాపిటలైజేషన్ వ్యత్యాసాలను చూపిస్తాయి,tagName మాత్రమే మూల డాక్యుమెంట్లో పేరు మరియు క్యాపిటలైజేషన్ పూర్తిగా సమానంగా ఉన్న టాగ్స్ తో ముడిపడి ఉంటుంది.

సూచన:Element ఇంటర్ఫేస్ ఒక పేరుతో ఒక మాథ్యూడ్ నిర్వహిస్తుంది, ఇది కేవలం డాక్యుమెంట్ సబ్-ట్రీని పరిశీలిస్తుంది. మరియు HTMLDocument ఇంటర్ఫేస్ ఒక మాథ్యూడ్ నిర్వహిస్తుంది: getElementByName() మాథ్యూడ్ఇది name అంశం వాల్యూస్ పైన ఆధారపడి పరిశీలిస్తుంది (టాగ్ నుండి కాదు).

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

document.getElementsByTagName() ఇది DOM Level 1 (1998) లక్షణం.

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

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

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

JavaScript సంపూర్ణ పరిశీలనాదారం:element.getElementsByTagName()

JavaScript శిక్షణాదారం:JavaScript HTML DOM 节点列表