”, మొదటి స్థాయి శీర్షిక కోసం “
” వంటి కంటెంట్‌ను ఎలా అర్థం చేసుకోవాలో ట్యాగ్ పేరు బ్రౌజర్‌కి నిర్దేశిస్తుంది. వినియోగదారు HTML మూలకాన్ని దాని ట్యాగ్ పేరు ద్వారా యాక్సెస్ చేయాల్సి వచ్చినప్పుడు ఈ విధానం అవసరం. కోడ్ యొక్క బహుళ పంక్తులను శోధించడానికి బదులుగా నేరుగా.
ఈ గైడ్ JavaScriptను ఉపయోగించి HTML మూలకం యొక్క ట్యాగ్ పేరును పొందే పూర్తి విధానాన్ని వివరిస్తుంది.
జావాస్క్రిప్ట్ ఉపయోగించి HTML మూలకం యొక్క ట్యాగ్ పేరును ఎలా పొందాలి?
జావాస్క్రిప్ట్ చదవడానికి మాత్రమే అందిస్తుంది ' ట్యాగ్ పేరు ” సంబంధిత HTML మూలకం యొక్క ట్యాగ్ పేరును ప్రదర్శించే లక్షణం. ఇది స్ట్రింగ్ విలువను అందిస్తుంది, అంటే UPPERCASEలో మూలకం ట్యాగ్ పేరు.
వాక్యనిర్మాణం
మూలకం. ట్యాగ్ పేరు
పై వాక్యనిర్మాణంలో, “ ట్యాగ్ పేరు ” పొందవలసిన మూలకం యొక్క ట్యాగ్ పేర్లకు అనుగుణంగా ఉంటుంది.
ఇప్పుడు, సంబంధిత HTML మూలకం యొక్క ట్యాగ్ పేరును పొందేందుకు దీన్ని ఎలా ఉపయోగించవచ్చో తనిఖీ చేయడానికి దాని ఆచరణాత్మక అమలుకు వెళ్దాం.
ఉదాహరణ: HTML మూలకం యొక్క ట్యాగ్ పేరును పొందేందుకు 'tagName' లక్షణాన్ని వర్తింపజేయడం
ఈ ఉదాహరణలో, HTML కోడ్‌లో పేర్కొన్న అన్ని మూలకం ట్యాగ్ పేర్లను '' ద్వారా పొందవచ్చు ట్యాగ్ పేరు ”ఆస్తి.
HTML కోడ్
కింది HTML కోడ్‌ని చూద్దాం:
< శరీరం క్లిక్ చేయండి = 'elemName()' >< h2 > జావాస్క్రిప్ట్‌లో HTML మూలకం ట్యాగ్‌నేమ్‌ని పొందండి < / h2 >
< p > ఈ పత్రం ట్యాగ్ పేరు పొందడానికి దానిలోని ఏదైనా మూలకంపై క్లిక్ చేయండి. < / p >
< బటన్ > దీన్ని క్లిక్ చేయండి < / బటన్ >
< p id = 'డెమో' >< / p >
పై కోడ్ లైన్లలో:
- ది ' <బాడీ> 'ట్యాగ్'తో అనుబంధించబడింది క్లిక్ చేయండి ”ఈవెంట్ జావాస్క్రిప్ట్ ఫంక్షన్‌కి దారి మళ్లిస్తోంది” elemName() ” అది ఒక క్లిక్‌లో ట్రిగ్గర్ చేయబడుతుంది.
- ది ' ” ట్యాగ్ ఉపశీర్షికను నిర్వచిస్తుంది.
- ది ' ” ట్యాగ్ పేరా స్టేట్‌మెంట్‌ను సృష్టిస్తుంది.
- ది ' <బటన్> ”ట్యాగ్ “క్లిక్ ఇట్” అనే బటన్‌ను జోడిస్తుంది.
- చివరగా, ' 'ట్యాగ్ ఐడిని కలిగి ఉన్న ఖాళీ పేరాను నిర్వచిస్తుంది' డెమో 'ఆన్‌క్లిక్' ఈవెంట్ ట్రిగ్గర్‌పై HTML మూలకం ట్యాగ్ పేరును ప్రదర్శించడానికి.
జావాస్క్రిప్ట్ కోడ్
దిగువన అందించబడిన కోడ్‌కి తదుపరి వెళ్లండి:
< స్క్రిప్ట్ >ఫంక్షన్ elem పేరు ( ) {
స్థిరంగా మూలకం = సంఘటన. లక్ష్యం ;
పత్రం. getElementById ( 'డెమో' ) . అంతర్గత HTML = 'క్లిక్ చేయబడిన HTML ఎలిమెంట్ ట్యాగ్ పేరు: ' + మూలకం. ట్యాగ్ పేరు ;
}
స్క్రిప్ట్ >
ఈ కోడ్ బ్లాక్‌లో:
- ' అనే ఫంక్షన్‌ను నిర్వచించండి elemName() ”.
- దాని నిర్వచనంలో, వేరియబుల్ ప్రకటించండి ' మూలకం 'డేటా రకం' స్థిరంగా 'అది ఉపయోగించుకుంటుంది' లక్ష్యం ”అనుబంధ ఈవెంట్ ట్రిగ్గర్ అయినప్పుడు మూలకం పేరుని తిరిగి ఇచ్చే లక్షణం.
- చివరగా, వర్తించు ' getElementById() ” దాని ఐడిని ఉపయోగించి జోడించిన పేరాను యాక్సెస్ చేసే పద్ధతి.
- ఇది 'ని ఉపయోగించి సంబంధిత HTML మూలకం యొక్క ట్యాగ్ పేరును ప్రదర్శిస్తుంది ట్యాగ్ పేరు 'ఆన్‌క్లిక్' ఈవెంట్ కాల్పులు జరిపినప్పుడు ఆస్తి.
- HTML కోడ్‌లోని ఏదైనా మూలకాలపై క్లిక్ చేసిన తర్వాత, సంబంధిత ట్యాగ్ పేరు తిరిగి పొందబడుతుంది.
అవుట్‌పుట్
అవుట్‌పుట్ సంబంధిత ఎలిమెంట్ ట్యాగ్ పేరును చూపుతుంది, ఇక్కడ “ఆన్‌క్లిక్” ఈవెంట్ తదనుగుణంగా కాల్పులు జరుపుతుంది.
ముగింపు
జావాస్క్రిప్ట్ అంతర్నిర్మిత “ని అందిస్తుంది ట్యాగ్ పేరు ” HTML మూలకం ట్యాగ్ పేరు పొందడానికి ఆస్తి. ఇది సాధారణంగా 'onclick', 'onmouseover', 'ondblclick' మొదలైన జావాస్క్రిప్ట్ ఈవెంట్ హ్యాండ్లర్‌లతో ఉపయోగించబడుతుంది. HTML మూలకం యొక్క అనుబంధిత ఈవెంట్ కాల్పులు జరిపినప్పుడు, అది డిఫాల్ట్‌గా UPPERCASEలో దాని ట్యాగ్ పేరును అందిస్తుంది. ఈ గైడ్ JavaScriptను ఉపయోగించి HTML మూలకం యొక్క ట్యాగ్ పేరును ఎలా పొందాలో సంక్షిప్త వివరణను అందించింది.