HTML DOM getElementById() పద్ధతి

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

getElementById() పద్ధతి నిర్దేశించిన సంఖ్యని కనుగొనే మొదటి అంశానికి సూచకాన్ని తిరిగి ఇస్తుంది.

సంకేతం

document.getElementById(id)

వివరణ

HTML DOM ఎన్నో అంశాలను కనుగొనడానికి పద్ధతులను నిర్వచించింది, getElementById() కంటే మరొకటి వాటిలో ఉంది getElementsByName() మరియు getElementsByTagName().

అయితే, మీరు డాక్యుమెంట్ లో ఒక ప్రత్యేక అంశాన్ని కనుగొనడానికి అత్యంత ప్రభావవంతమైన మార్గం ఎల్లప్పుడూ getElementById() ఉంది.

డాక్యుమెంట్ యొక్క ఒక ప్రత్యేక అంశాన్ని కార్యకలాపం చేయటంలో, ఆ అంశానికి ఒక id అంశాన్ని ఇవ్వాలి, దానికి ఒక ప్రత్యేకమైన పేరును నిర్దేశించాలి, అప్పుడు ఆ ID ద్వారా కావలసిన అంశాన్ని కనుగొనవచ్చు.

ఉదాహరణ

ఉదాహరణ 1

<html>
<head>
<script type="text/javascript">
function getValue()
  {
  var x=document.getElementById("myHeader")
  alert(x.innerHTML)
  }
</script>
</head>
<body>
<h1 id="myHeader" onclick="getValue()">ఈ హెడర్ ఉంది</h1>
<p>హెడర్ నొక్కండి వారి విలువను అలర్ట్ చేయండి</p>
</body>
</html>

ఉదాహరణ 2

getElementById() ఒక ముఖ్యమైన పద్ధతి ఉంది, DOM ప్రోగ్రామింగ్ లో, దాని ఉపయోగం చాలా సాధారణంగా ఉంటుంది. మీరు చిన్న పేరుతో getElementById() పద్ధతిని ఉపయోగించడానికి, మేము ఒక సాధన ఫంక్షన్ ని నిర్వచించాము:

function id(x) {
  if (typeof x == "string") return document.getElementById(x);
  return x;
  }

ఈ ఫంక్షన్ ఎలిమెంట్ ఐడి ని వారి పారామిటర్లుగా అంగీకరిస్తుంది. ప్రతి ఈ పారామిటర్ కు, మీరు ఉపయోగించడానికి ముందు కేవలం x = id(x) రాయాలి.