HTML DOM Element getElementsByTagName() పద్ధతి

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

getElementsByTagName() ఈ పద్ధతి నిర్దేశించబడిన టాగ్ నేమ్ ఉన్న ఉపమూలకాల సేట్ను NodeList ఆధారంగా తిరిగి చూపుతుంది.

సూచన:పారామీటర్ విలువలు "*" అన్ని పిల్ల ఉపమూలకాలను తిరిగి చూపుతుంది.

మరింత చూడండి:

getElementsByClassName() పద్ధతి

querySelector() పద్ధతి

querySelectorAll() పద్ధతి

NodeList

NodeList ఇది కరసమానమైన అనుకూలించబడిన నోడ్స్ సేట్ (జాబితా) ఉంటుంది.

మీరు జాబితాలో నోడ్స్ ను ఇండెక్స్ ద్వారా ప్రాప్తి చేసుకోవచ్చు. ఇండెక్స్ 0 నుండి ప్రారంభం అవుతుంది.

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

ఇన్స్టాన్స్

ఉదాహరణ 1

జాబితాలో మొదటి <li> ఉపమూలకం యొక్క HTML కంటెంట్ మార్చండి:

const list = document.getElementsByTagName("UL")[0];
list.getElementsByTagName("li")[0].innerHTML = "Milk";

亲自试一试

ఉదాహరణ 2

"myDIV" లో <p> ఉపమూలకాల సంఖ్య:

const element = document.getElementById("myDIV");
const nodes = element.getElementsByTagName("p");
let numb = nodes.length;

亲自试一试

ఉదాహరణ 3

మా "myDIV" లో రెండవ <p> ఉపమూలకం యొక్క ఫాంట్ సైజ్ మార్చండి:

const element = document.getElementById("myDIV");
element.getElementsByTagName("p")[1].style.fontSize = "24px";

亲自试一试

ఉదాహరణ 4

మా "myDIV" లో అన్ని <p> ఉపమూలకాల బ్యాక్‌గ్రౌండ్ కలర్ మార్చండి:

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

亲自试一试

ఉదాహరణ 5

మా "myDIV" లో నాలుగవ ఉపమూలకం (ఇండెక్స్ 3) యొక్క బ్యాక్‌గ్రౌండ్ కలర్ మార్చండి:

const div = document.getElementById("myDIV");
div.getElementsByTagName("*")[3].style.backgroundColor = "red";

亲自试一试

例子 6

使用 "*" 参数，更改 "myDIV" 中所有元素的背景颜色：

const div = document.getElementById("myDIV");
const nodes = div.getElementsByTagName("*");
for (let i = 0; i < nodes.length; i++) {
  nodes[i].style.backgroundColor = "red";
}

亲自试一试

语法

element.getElementsByTagName(tagname)

参数

参数 描述
tagname 必需。子元素的标签名。

返回值

类型 描述
NodeList

拥有给定标记名的元素的子元素。

元素按照它们在源代码中出现的顺序进行排序。

技术细节

getElementsByTagName() 方法将遍历指定元素的子孙节点，返回包含 Element 节点的数组（实际上是 NodeList 对象），表示所有拥有指定标签名的文档元素。元素在返回的数组中的顺序就是它们出现在文档源代码中的顺序。

注意

Document 接口也定义了 getElementsByTagName() 方法，它与该方法相似，但遍历整个文档，而不是遍历某个元素的子孙节点。

不要把该方法与 HTMLDocument.getElementsByName() 方法 相混淆，后者基于元素的 name 属性值检索元素，而不是基于它们的标签名检索元素。

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

అన్ని బ్రౌజర్లు మద్దతు ఇస్తాయి element.getElementsByTagName()అనగా

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
మద్దతు మద్దతు మద్దతు మద్దతు మద్దతు మద్దతు