JavaScriptని ఉపయోగించి శరీరానికి నిర్దిష్ట తరగతి ఉందో లేదో తనిఖీ చేయండి

Javascriptni Upayoginci Sariraniki Nirdista Taragati Undo Ledo Tanikhi Ceyandi



వెబ్‌పేజీ లేదా సైట్‌ని డిజైన్ చేస్తున్నప్పుడు, డెవలపర్ చివరిలో అంకితమైన తరగతికి వ్యతిరేకంగా సారూప్య కార్యాచరణలను క్రమబద్ధీకరించే అవకాశం ఉంటుంది. ఉదాహరణకు, ఒక నిర్దిష్ట వెబ్ పేజీని అదే మూలకానికి కేటాయించడం కానీ విషయాలను సంబంధితంగా చేయడానికి ప్రత్యేకమైన తరగతితో. అటువంటి పరిస్థితులలో, శరీరానికి నిర్దిష్ట తరగతి ఉందో లేదో తనిఖీ చేయడం వివిధ కార్యాచరణలను సులభంగా యాక్సెస్ చేయడంలో మరియు అప్‌డేట్ ప్రక్రియలలో కూడా సహాయపడుతుంది.

ఈ కథనం జావాస్క్రిప్ట్‌ని ఉపయోగించి శరీరానికి నిర్దిష్ట తరగతి ఉందో లేదో తనిఖీ చేసే విధానాలను ప్రదర్శిస్తుంది.

జావాస్క్రిప్ట్‌ని ఉపయోగించి శరీరానికి నిర్దిష్ట తరగతి ఉందో లేదో తనిఖీ చేయడం ఎలా?

జావాస్క్రిప్ట్‌ని ఉపయోగించి శరీరానికి నిర్దిష్ట తరగతి ఉందో లేదో తనిఖీ చేయడానికి, క్రింది విధానాలను వర్తింపజేయండి:





  • ' తరగతి జాబితా 'ఆస్తి మరియు' కలిగి () ” పద్ధతి.
  • ' getElementsByTagName() 'మరియు' మ్యాచ్() ” పద్ధతులు.
  • ' j క్వెరీ ”.

ఒక్కో విధానాన్ని ఒక్కొక్కటిగా వివరిస్తాము!



విధానం 1: క్లాస్‌లిస్ట్ ప్రాపర్టీని ఉపయోగించి శరీరానికి జావాస్క్రిప్ట్‌లో నిర్దిష్ట క్లాస్ ఉందో లేదో తనిఖీ చేయండి మరియు () పద్ధతులను కలిగి ఉంది

ది ' తరగతి జాబితా ” ప్రాపర్టీ ఒక మూలకం యొక్క CSS తరగతి పేర్లను ఇస్తుంది. అయితే ' కలిగి () నోడ్ ఒక వారసుడు అయితే ”పద్ధతి నిజం ఇస్తుంది. అనుబంధిత మూలకంలో ఉన్న క్లాస్‌ని యాక్సెస్ చేయడానికి ఈ పద్ధతులను కలిపి వర్తింపజేయవచ్చు.



వాక్యనిర్మాణం



నోడ్. కలిగి ఉంటుంది ( నగ్నంగా )

పై వాక్యనిర్మాణంలో:

  • ' నగ్నంగా ”అనుబంధ నోడ్ యొక్క నోడ్ సంతతికి అనుగుణంగా ఉంటుంది.

ఉదాహరణ
క్రింద ఇవ్వబడిన ఉదాహరణ యొక్క అవలోకనాన్ని చూద్దాం:



< కేంద్రం >< శరీరం తరగతి = 'కలిగి' >
< h2 > ఇది Linuxhint వెబ్‌సైట్ h2 >
కేంద్రం > శరీరం >
< స్క్రిప్ట్ రకం = 'టెక్స్ట్/జావాస్క్రిప్ట్' >
ఉంటే ( పత్రం. శరీరం . తరగతి జాబితా . కలిగి ఉంటుంది ( 'కలిగి' ) ) {
కన్సోల్. లాగ్ ( 'శరీర మూలకం తరగతిని కలిగి ఉంటుంది' ) ;
}
లేకపోతే {
కన్సోల్. లాగ్ ( 'శరీర మూలకానికి తరగతి లేదు' ) ;
}
స్క్రిప్ట్ >

పై కోడ్‌లో ఇచ్చిన విధంగా దిగువ పేర్కొన్న దశలను వర్తింపజేయండి:

  • ముందుగా, ఒక 'ని చేర్చండి <బాడీ> 'సెట్ లక్షణాన్ని కలిగి ఉన్న మూలకం' తరగతి ”.
  • అలాగే, నిర్దిష్ట మూలకం( )లో శీర్షికను జోడించండి.
  • JS కోడ్‌లో, “ని వర్తింపజేయండి తరగతి జాబితా 'ఆస్తి'తో కలిపి కలిగి () ” పద్ధతి.
  • ఇది తత్ఫలితంగా అనుబంధిత ' తరగతికి యాక్సెస్ చేస్తుంది <బాడీ> ”పద్ధతి పారామీటర్‌లో పేర్కొన్న తరగతి పేరు ఆధారంగా మూలకం.
  • సంతృప్తికరమైన పరిస్థితిపై, ' ఉంటే ” షరతు అమలు చేస్తుంది.
  • దీనికి విరుద్ధంగా, ' లేకపోతే ” స్టేట్‌మెంట్ కోడ్ బ్లాక్ అమలు అవుతుంది.

అవుట్‌పుట్

పై అవుట్‌పుట్‌లో, నిర్దిష్ట తరగతి ''లో చేర్చబడిందని చూడవచ్చు. <బాడీ> ' మూలకం.

విధానం 2: getElementsByTagName() మరియు మ్యాచ్() పద్ధతులను ఉపయోగించి శరీరానికి జావాస్క్రిప్ట్‌లో నిర్దిష్ట తరగతి ఉందో లేదో తనిఖీ చేయండి

ది ' getElementsByTagName() ” పద్ధతి నిర్దిష్ట ట్యాగ్ పేరును కలిగి ఉన్న అన్ని మూలకాల సేకరణను అందిస్తుంది. ది ' మ్యాచ్() ” పద్ధతి స్ట్రింగ్‌తో పేర్కొన్న విలువతో సరిపోలుతుంది. ఈ పద్ధతులను ట్యాగ్ ద్వారా అవసరమైన మూలకాన్ని యాక్సెస్ చేయడానికి మరియు నిర్దిష్ట తరగతి కోసం తనిఖీ చేయడానికి ఉపయోగించవచ్చు.

వాక్యనిర్మాణం

పత్రం. getElementsByTagName ( ట్యాగ్ )

అందించిన సింటాక్స్‌లో:

  • ' ట్యాగ్ ” మూలకం యొక్క ట్యాగ్ పేరును సూచిస్తుంది.

ఉదాహరణ
కింది ఉదాహరణ చర్చించబడిన భావనను ప్రదర్శిస్తుంది:

< కేంద్రం >< శరీరం తరగతి = 'కలిగి ఉంది' >
< img src = 'టెంప్లేట్2.png' ఎత్తు = '150px' వెడల్పు = '150px' >
కేంద్రం > శరీరం >
< స్క్రిప్ట్ రకం = 'టెక్స్ట్/జావాస్క్రిప్ట్' >
వీలు పొందండి = పత్రం. getElementsByTagName ( 'శరీరం' ) [ 0 ] . తరగతి పేరు . మ్యాచ్ ( /కలిగి ఉంది/ )
ఉంటే ( పొందండి ) {
కన్సోల్. లాగ్ ( 'శరీర మూలకం తరగతిని కలిగి ఉంటుంది' ) ;
}
లేకపోతే {
కన్సోల్. లాగ్ ( 'శరీర మూలకానికి తరగతి లేదు' ) ;
}
స్క్రిప్ట్ >

పై కోడ్ స్నిప్పెట్‌లో:

  • అలాగే, ఒక ' <బాడీ> 'నిర్దిష్ట తరగతిని కలిగి ఉన్న మూలకం.
  • అలాగే, మునుపటి దశలో పేర్కొన్న మూలకంలో సెట్ కొలతలతో చిత్రాన్ని కలిగి ఉంటుంది.
  • కోడ్ యొక్క జావాస్క్రిప్ట్ లైన్లలో, 'ని యాక్సెస్ చేయండి <బాడీ> ' మూలకం 'ని ఉపయోగించి దాని ట్యాగ్ ద్వారా getElementsByTagName() ” పద్ధతి.
  • ది ' [0] ” మునుపటి దశలో పేర్కొన్న ట్యాగ్‌కు సంబంధించిన మొదటి మూలకం పొందబడుతుందని సూచిస్తుంది.
  • ది ' తరగతి పేరు 'ఆస్తి మరియు' మ్యాచ్() 'పద్ధతి దాని పరామితిలో పేర్కొన్న తరగతికి' వ్యతిరేకంగా సరిపోలుతుంది. <బాడీ> ' మూలకం.
  • 'లో మునుపటి ప్రకటన ఉంటే మునుపటి దశల్లోని అన్ని షరతుల సంతృప్తిపై షరతు అమలు చేయబడుతుంది.
  • లేకపోతే, చివరి ప్రకటన ప్రదర్శించబడుతుంది.

అవుట్‌పుట్

పై అవుట్‌పుట్ నిర్దిష్ట తరగతికి అనువర్తిత పరిస్థితి సంతృప్తికరంగా ఉందని సూచిస్తుంది.

విధానం 3: j క్వెరీని ఉపయోగించి జావాస్క్రిప్ట్‌లో శరీరానికి నిర్దిష్ట తరగతి ఉందో లేదో తనిఖీ చేయండి

అవసరమైన మూలకాన్ని నేరుగా యాక్సెస్ చేయడానికి మరియు దాని పద్ధతి సహాయంతో దానికి వ్యతిరేకంగా నిర్దిష్ట తరగతిని గుర్తించడానికి ఈ విధానాన్ని అమలు చేయవచ్చు.

ఉదాహరణ
క్రింద ఇవ్వబడిన ఉదాహరణ ద్వారా వెళ్దాం:

< స్క్రిప్ట్ src = 'https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js' > స్క్రిప్ట్ >
< కేంద్రం >< శరీరం తరగతి = 'కలిగి ఉంది' >
< textarea ప్లేస్‌హోల్డర్ = 'ఏదైనా వచనాన్ని టైప్ చేయండి...' > వచన ప్రాంతం >
కేంద్రం > శరీరం >

ఉంటే ( $ ( 'శరీరం' ) . తరగతి ఉంది ( 'కలిగి ఉంది' ) ) {
అప్రమత్తం ( 'శరీర మూలకం తరగతిని కలిగి ఉంటుంది' )
}
లేకపోతే {
అప్రమత్తం ( 'శరీర మూలకానికి తరగతి లేదు' )
}
స్క్రిప్ట్ >

పై కోడ్ లైన్లలో:

  • చేర్చండి ' j క్వెరీ ” లైబ్రరీ దాని కార్యాచరణలను ఉపయోగించుకోవడానికి.
  • అదేవిధంగా, చేర్చండి ' <బాడీ> పేర్కొన్న తరగతిని కలిగి ఉన్న మూలకం.
  • అలాగే, ఒక “ని జోడించండి