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