ఈ పోస్ట్ JavaScript ఆబ్జెక్ట్ల శ్రేణిలో ఆబ్జెక్ట్ ఐడిని కనుగొనే పద్ధతిని పేర్కొంది.
జావాస్క్రిప్ట్లో అనుబంధం() పద్ధతి అంటే ఏమిటి?
ది ' అనుబంధం() ”జావాస్క్రిప్ట్లోని పద్ధతి మూలకం చివరలో మూలకాలు లేదా స్ట్రింగ్ ఆబ్జెక్ట్లను ఇన్సర్ట్ చేయడానికి ఉపయోగించబడుతుంది. మూలకం చివరలో పేర్కొన్న స్థానంలో అవసరమైన మూలకాన్ని జోడించడానికి ఇది అత్యంత ఉపయోగకరమైన పద్ధతుల్లో ఒకటి.
జావాస్క్రిప్ట్లో append() పద్ధతిని ఎలా ఉపయోగించాలి?
జావాస్క్రిప్ట్లో append() ఫంక్షన్ని ఉపయోగించడానికి, క్రింద పేర్కొన్న సింటాక్స్ని అనుసరించండి:
$ ( సెలెక్టర్ ) . జోడించు ( కంటెంట్, ఫంక్షన్ ( సూచిక, html ) )
ఇక్కడ:
- ' సెలెక్టర్ ” అనేది యాక్సెస్ చేయబడిన HTML మూలకం.
- ' అనుబంధం() మూలకాన్ని జోడించడానికి ” పద్ధతి ఉపయోగించబడుతుంది.
- ' విషయము ” అనేది అవసరమైన పరామితి, ఇది జోడించాల్సిన డేటా కంటెంట్ని నిర్ణయిస్తుంది.
- ' ఫంక్షన్ () ” అనేది ఐచ్ఛిక మూలకం.
ఉదాహరణ 1: పేరాగ్రాఫ్లో అదే మూలకాన్ని జత చేయండి
పేరాగ్రాఫ్లో ఒకే మూలకాలను జోడించడానికి, ముందుగా, సంబంధిత HTML పేజీని తెరిచి, ''ని ఉపయోగించండి ” ట్యాగ్ మధ్య డేటాను పొందుపరచడానికి ట్యాగ్ చేయండి. ఇంకా, ఒక 'ని కేటాయించండి id ” జావాస్క్రిప్ట్లో దాన్ని యాక్సెస్ చేయడానికి పేరాకు:
< p id = 'మూలకం' > Linuxhintకి స్వాగతం p >
తరువాత, '' సహాయంతో బటన్ను సృష్టించండి <బటన్> 'మూలకం మరియు ఉపయోగించండి' తరగతి ” నిర్దిష్ట పేరును పేర్కొనడానికి మరియు బటన్పై ప్రదర్శించడానికి బటన్ మూలకంతో వచనాన్ని పొందుపరచడానికి లక్షణం:
< బటన్ తరగతి = 'btn' > మూలకాన్ని జోడించు బటన్ >ఇప్పుడు, 'ని ఉపయోగించండి <స్క్రిప్ట్> జావాస్క్రిప్ట్ కోడ్ని జోడించడానికి ”ట్యాగ్:
< స్క్రిప్ట్ >
$ ( పత్రం ) . సిద్ధంగా ( ఫంక్షన్ ( ) {
$ ( '.btn' ) . క్లిక్ చేయండి ( ఫంక్షన్ ( ) {
$ ( '#మూలకం' ) . జోడించు ( 'బటన్ క్లిక్పై వచనాన్ని జోడించు' ) ;
} ) ;
} ) ;
స్క్రిప్ట్ >
ఇచ్చిన కోడ్ ప్రకారం:
- ' సిద్ధంగా () పత్రం విజయవంతంగా స్క్రీన్పై లోడ్ అయినప్పుడు ఫంక్షన్ని అందుబాటులో ఉంచడానికి ” పద్ధతి ఉపయోగించబడుతుంది. అలా చేయడానికి, పాస్ చేయండి ' ఫంక్షన్ () ” పద్ధతి పారామీటర్గా ఉంటుంది.
- ' క్లిక్() HTML బటన్ ఎలిమెంట్పై వినియోగదారు క్లిక్ చేసినప్పుడు ” పద్ధతి అమలవుతుంది. ఈ పద్ధతి వినియోగదారు బటన్ను నొక్కినప్పుడు క్లిక్ యొక్క అమలును నిర్ణయిస్తుంది.
- ' అనుబంధం() 'పద్ధతి' అమలు చేసిన తర్వాత వస్తువుల సమితిని చొప్పిస్తుంది క్లిక్() ” పద్ధతి. ఆ ప్రయోజనం కోసం, జోడించాల్సిన వచనాన్ని పాస్ చేయండి.
అవుట్పుట్
ఉదాహరణ 2: జాబితా ఫారమ్లో విభిన్న మూలకాలను జతచేయండి
మీరు జాబితా రూపంలో విభిన్న అంశాలను జోడించవచ్చు. అలా చేయడానికి, ఒక HTML పేజీని తయారు చేసి, '' సహాయంతో వచనాన్ని పొందుపరచండి ”ట్యాగ్:
< p id = 'జోడించు' > జావాస్క్రిప్ట్ అనుబంధం ( ) ఫంక్షన్ p >“ని ఉపయోగించి బటన్ను రూపొందించండి <బటన్> 'మూలకం మరియు ఉపయోగించండి' క్లిక్ చేయండి 'ఒక వినియోగదారు HTML మూలకంపై క్లిక్ చేసినప్పుడు సంభవించే ఈవెంట్:
< బటన్ క్లిక్ చేయండి = 'ఫంక్()' > ఎలిమెంట్స్ జత చేయండి బటన్ >ఒక div కంటైనర్ను తయారు చేసి, ఆ కంటైనర్కు “ని ఉపయోగించడం ద్వారా ఒక idని కేటాయించండి id ' గుణం. తరువాత, '' సహాయంతో మూలకాలను జోడించండి ”ట్యాగ్:
< div id = 'మరింత మూలకం' >< p > మూలకం 1 p >
< p > మూలకం 2 p >
div >
తరువాత, ఉపయోగించబడింది ' <స్క్రిప్ట్> ” ట్యాగ్ చేసి, ట్యాగ్ మధ్యలో కింది కోడ్ని జోడించండి:
< స్క్రిప్ట్ >var మూలకం సంఖ్య = 3 ;
ఫంక్షన్ ఫంక్ ( ) {
ఒక పేరెంట్ = పత్రం. getElementById ( 'మరింత మూలకం' ) ;
కొత్త మూలకం = '
మూలకం'
+ మూలకం సంఖ్య + '' ;తల్లిదండ్రులు. ప్రక్కన HTML చొప్పించండి ( 'ముందు' , మరియు ఎలిమెంట్ ) ;
మూలకం సంఖ్య ++;
}
స్క్రిప్ట్ >
పైన పేర్కొన్న కోడ్లో:
- 'ని ఉపయోగించి వేరియబుల్ను ప్రకటించండి ఉంది ” కీవర్డ్ మరియు మీ ప్రాధాన్యత ప్రకారం దానికి విలువను కేటాయించండి.
- ఒక ఫంక్షన్ను నిర్వచించండి మరియు నిర్దిష్ట పేరుతో నిర్వచించిన ఫంక్షన్లో మరొక వేరియబుల్ని ప్రారంభించండి.
- అప్పుడు, 'ని పిలవండి getElementById() ” మూలకాన్ని యాక్సెస్ చేయడానికి మరియు ఐడి విలువను పారామీటర్గా పాస్ చేయడానికి జావాస్క్రిప్ట్ పద్ధతి.
- ' ప్రక్కనే ఉన్న HTML()ని చొప్పించండి HTML కోడ్ని ఒక నిర్దిష్ట స్థానానికి జోడించడానికి మరియు ఒకదానికొకటి ప్రక్కన ఉన్న మూలకాన్ని జోడించడానికి 'పద్ధతి ఉపయోగించబడుతుంది.
- మూలకంలో ఇంక్రిమెంట్ చేయడానికి ఇంక్రిమెంట్ ఆపరేటర్ని ఉపయోగించండి:
మీరు వివిధ ఉదాహరణలతో జావాస్క్రిప్ట్లో append() పద్ధతిని ఉపయోగించడం గురించి తెలుసుకున్నారు.
ముగింపు
' అనుబంధం() ” అనేది ఒక JavaScript పద్ధతి, ఇది నిర్వచించిన మూలకం చివరిలో మూలకం మరియు వస్తువులను చొప్పించడానికి ఉపయోగించబడుతుంది. మీరు పేరాగ్రాఫ్లు మరియు జాబితాల రూపంలో ఒకే మూలకం మరియు విభిన్న మూలకాలను జోడించవచ్చు. మరింత ప్రత్యేకంగా, ఇది బటన్ క్లిక్లో ట్రిగ్గర్ చేయబడుతుంది. ఈ పోస్ట్ జావాస్క్రిప్ట్లో అనుబంధం() పద్ధతిని ప్రదర్శించింది.