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