జావాస్క్రిప్ట్‌లోని ఇన్నర్ HTML గురించి మీరు తెలుసుకోవలసినది

జావాస్క్రిప్ట్ ఎక్కువగా ఉపయోగించే ప్రోగ్రామింగ్ భాషలలో ఒకటి. ప్లాట్‌ఫారమ్‌లలో దాని పాండిత్యానికి ఇది చాలా ప్రాచుర్యం పొందింది. లో విభిన్న లక్షణాలు ఉన్నాయి డైనమిక్ వెబ్‌సైట్‌ను నిర్మించే మీ పనిని సులభతరం చేస్తుంది. ఈ వ్యాసంలో, మేము జావాస్క్రిప్ట్‌లోని ఇన్నర్ HTML ను ఈ క్రింది క్రమంలో చర్చిస్తాము:

• జావాస్క్రిప్ట్ పరిచయం
• జావాస్క్రిప్ట్‌లో ఇన్నర్ HTML
  • ఆర్డర్ చేసిన లేదా క్రమం లేని జాబితా
  • URL ని మారుస్తోంది

జావాస్క్రిప్ట్ పరిచయం

జావాస్క్రిప్ట్ క్లయింట్-సైడ్ ప్రోగ్రామింగ్ లాంగ్వేజ్‌తో పాటు సర్వర్-సైడ్ ప్రోగ్రామింగ్ లాంగ్వేజ్‌గా ఉపయోగించబడుతుంది. అమలు చేయడానికి ఉపయోగిస్తారు క్లయింట్ వైపు మరియు ఏదైనా అప్లికేషన్ యొక్క సర్వర్ వైపు. ఒక నోడ్‌ను అనేక ప్రదేశాలలో Node.js అని కూడా పిలుస్తారు.

జావాస్క్రిప్ట్ అనేక కార్యాచరణలను సులభంగా నిర్వహించడానికి అనేక పద్ధతులను అందిస్తుంది. ఇది జావాస్క్రిప్ట్‌ను అత్యంత ప్రాచుర్యం పొందిన ప్రోగ్రామింగ్ భాషలలో ఒకటిగా మార్చింది మరియు ఇది అనేక రకాల ఉత్పత్తి అభివృద్ధిలో కూడా విస్తృతంగా ఉపయోగించబడుతోంది.

జావాస్క్రిప్ట్‌లో ఇన్నర్ HTML

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

బైనరీని దశాంశ జావాగా మార్చండి

మేము అంతర్గత HTML ను వివరించడానికి ప్రయత్నిస్తే, అంతర్గత HTML చేసిన పని మొత్తం పేజీని రిఫ్రెష్ చేయకుండా పేజీ కంటెంట్‌ను లోడ్ చేయడం. ఇది డేటా వినియోగాలతో పాటు పేజీ లోడ్ వెనుక ఉన్న సమయాన్ని ఆదా చేస్తుంది మరియు పొందడం చాలా సులభం. ఇది వినియోగదారుకు చాలా త్వరగా మరియు ప్రతిస్పందించే అనుభూతిని ఇస్తుంది, తద్వారా వినియోగదారు అనుభవాన్ని మరింత మెరుగ్గా చేస్తుంది.

ఇది కొంచెం కష్టంగా అనిపించవచ్చు కాని ఉదాహరణ సహాయంతో దీన్ని అర్థం చేసుకోవడానికి ప్రయత్నిద్దాం.

ఉదాహరణ:

 
అంతర్గత HTML వచనాన్ని మార్చడానికి ఇక్కడ క్లిక్ చేయండి.
ఫంక్షన్ myFunction () {document.getElementById ('పేరా 1'). అంతర్గత HTML = 'పేరా మార్చబడింది!' }

ఇక్కడ పై కోడ్‌లో, పేరా ట్యాగ్‌లో ఆ ఐడి పేరా 1.

అక్కడ ఒక ఫంక్షన్ మైఫంక్షన్ () అని పేరు పెట్టబడింది, ఇది 'అంతర్గత HTML వచనాన్ని మార్చడానికి ఇక్కడ క్లిక్ చేయండి' అనే వచనంపై క్లిక్ చేసినప్పుడు ఉపసంహరించబడుతుంది.క్లిక్ మీద ఫంక్షన్ ఉపసంహరించబడినప్పుడు, ఫంక్షన్ ఎగ్జిక్యూట్ అవుతుంది, ఇది getElementById (“పేరా 1”) అని చెబుతుంది, ఇది ఐడితో ఉన్న మూలకాన్ని డెమోగా ఎంచుకోవలసి ఉంటుందని పేర్కొంది.

ఇంకా, మనకు అంతర్గత HTML ఫంక్షన్ ఉంది, అంటే ఆన్‌క్లిక్ తర్వాత ఏమి చేయాలో అర్థం. ఇక్కడ పై ఉదాహరణలో, ఇది కేవలం “పేరా మార్చబడింది”.

పై కోడ్ యొక్క ప్రారంభ అవుట్పుట్ క్రింద ఉంది.

క్లిక్ చేసిన తర్వాత మార్చబడిన అవుట్పుట్ క్రింద ఉంది.

ఆర్డర్ చేసిన లేదా క్రమం లేని జాబితాతో లోపలి HTML

ఆర్డర్‌ చేసిన లేదా క్రమం లేని జాబితాతో అంతర్గత HTML వాడకాన్ని చూపించడానికి క్రింద ఒక ఉదాహరణ ఉంది.

ఉదాహరణ:

 
 
హలో
 
మళ్ళీ హలో
 
 
ఉల్ మూలకం యొక్క కంటెంట్ పొందడానికి క్రింది బటన్‌ను క్లిక్ చేయండి.
హలోఫంక్షన్ () function var x = document.getElementById ('myList') పని చేయడానికి ప్రయత్నించండి. అంతర్గత HTML document.getElementById ('పేరా 1'). అంతర్గత HTML = x}

ఇక్కడ అంతర్గత HTML “దీన్ని ప్రయత్నించండి” పేరుతో నిర్వచించబడిన బటన్ ద్వారా ప్రేరేపించబడుతుంది.

పై వచనం యొక్క ప్రారంభ అవుట్పుట్:

ప్యాకేజీని ఎలా సృష్టించాలి

బటన్పై క్లిక్ చేసిన తర్వాత అవుట్పుట్. బటన్‌పై క్లిక్ చేయడం వల్ల పేజీ రీలోడ్ అవ్వదు, బదులుగా అంతర్గత HTML వాడకం వల్ల జరిగింది.

URL ని మార్చడానికి ఇన్నర్ HTML

బటన్ క్లిక్‌లోని URL ని మార్చడానికి అంతర్గత HTML వాడకాన్ని చూపించే మరొక ఉదాహరణ క్రింద ఉంది.

ఉదాహరణ:

  వికీపీడియా లింక్ ఫంక్షన్‌ను మార్చండి myFunction () {document.getElementById ('myAnchor'). అంతర్గత HTML = 'Google' document.getElementById ('myAnchor'). ) .target = '_blank'}

పై ఉదాహరణ మొదట్లో వికీపీడియా వెబ్‌సైట్‌కు లింక్‌ను ఇస్తుంది కాని బటన్ క్లిక్ చేసినప్పుడు లింక్ Google కి మారుతుంది.

పేజీని రీలోడ్ చేయనప్పుడు మరియు కొంత భాగాన్ని మాత్రమే నవీకరించవలసి వచ్చినప్పుడు అంతర్గత HTML ఉపయోగపడే అనేక ఆపరేషన్లు ఉన్నాయి.ఇది సమయం ఆదా చేస్తుంది, అలాగే తక్కువ ప్రయత్నాలు కూడా ఈ విధానం కోసం చేయవలసి ఉంటుంది.అంతర్గత HTML యొక్క గొప్ప ప్రయోజనం ఈ లక్షణంతో మెరుగుపరచబడిన వినియోగదారు అనుభవం.

చూడండి ఎడురేకా చేత. వెబ్ డెవలప్‌మెంట్ సర్టిఫికేషన్ శిక్షణ HTML5, CSS3, ట్విట్టర్ బూట్‌స్ట్రాప్ 3, j క్వెరీ మరియు గూగుల్ API లను ఉపయోగించి ఆకట్టుకునే వెబ్‌సైట్‌లను ఎలా సృష్టించాలో తెలుసుకోవడానికి మరియు అమెజాన్ సింపుల్ స్టోరేజ్ సర్వీస్ (S3) కు ఎలా అమలు చేయాలో తెలుసుకోవడానికి మీకు సహాయపడుతుంది.

మాకు ప్రశ్న ఉందా? దయచేసి 'జావాస్క్రిప్ట్లో స్ట్రింగ్ కాంకెటనేషన్' యొక్క వ్యాఖ్యల విభాగంలో పేర్కొనండి మరియు మేము మీ వద్దకు తిరిగి వస్తాము.