HTML DOM getElementsByTagName() పద్ధతి

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

getElementsByTagName() పద్ధతి ప్రత్యేక టాగ్ పేరుతో వస్తువుల సమూహాను తిరిగిస్తుంది.

సంకేతం

document.getElementsByTagName(tagname)

వివరణ

getElementsByTagName() పద్ధతి దాని ఎలిమెంట్ల క్రమం డాక్యుమెంట్లో ఉన్న క్రమంలో ఉంటుంది.

ప్రత్యేక పదాన్ని '*' తప్పక �getElementsByTagName() పద్ధతికి పాఠపెట్టినట్లయితే, అది డాక్యుమెంట్లో అన్ని ఎలిమెంట్ల జాబితాను తిరిగిస్తుంది, ఎలిమెంట్ల క్రమం వాటి డాక్యుమెంట్లో క్రమంలో ఉంటుంది.

సూచనలు మరియు నోటిసులు

నోటిసు:getElementsByTagName() పద్ధతికి పాఠపెట్టబడే పదానికి క్షరస్థాయి ప్రామాణికత లేదు.

ఉదాహరణ

ఉదాహరణ 1

<html>
<head>
<script type="text/javascript">
function getElements()
  {
  var x=document.getElementsByTagName("input");
  alert(x.length);
  }
</script>
</head>
<body>
<input name="myInput" type="text" size="20" /><br />
<input name="myInput" type="text" size="20" /><br />
<input name="myInput" type="text" size="20" /><br />
<br />
<input type="button" onclick="getElements()"
value="ఎన్ని ఇన్పుట్ అంశాలు?" />
</body>
</html>

ఉదాహరణ 2

getElementsByTagName() మార్గాన్ని ఉపయోగించడం ద్వారా ఏ రకమైన హెచ్ఎంఎల్ అంశాన్ని కూడా జాబితాలో పొందవచ్చు. ఉదాహరణకు, క్రింది కోడ్ డాక్యుమెంట్లో అన్ని పట్టికలను పొందవచ్చు:

var tables = document.getElementsByTagName("table");
alert("This document contains " + tables.length + " tables");

ఉదాహరణ 3

మీరు డాక్యుమెంట్ నిర్మాణాన్ని చాలా బుద్ధిమతంగా తెలుసుకున్నారు అయితే, getElementsByTagName() మార్గాన్ని ఉపయోగించడం ద్వారా డాక్యుమెంట్లో ఒక ప్రత్యేక అంశాన్ని పొందవచ్చు. ఉదాహరణకు, క్రింది కోడ్ డాక్యుమెంట్లో నాలుగవ ప్రారంభం పొందవచ్చు:

var myParagragh = document.getElementsByTagName("p")[3];

అయితే, మేము ఇప్పటికీ మీరు కొన్ని ప్రత్యేక అంశాన్ని నిర్వహించాలి అని భావిస్తున్నాము, getElementById() మార్గాన్ని ఉపయోగించడం మరింత ప్రభావవంతం ఉంటుంది.