జావాస్క్రిప్ట్‌లో ప్రక్కనే ఉన్న HTML() పద్ధతిని చొప్పించడం ఏమి చేస్తుంది

ఈ గైడ్ జావాస్క్రిప్ట్‌లో “ఇన్సర్ట్ అడ్జసెంట్ HTML()” పద్ధతి యొక్క లక్ష్యం, పని మరియు వినియోగాన్ని వివరిస్తుంది.

జావాస్క్రిప్ట్‌లో “InsertAdjacentHTML()” మెథడ్ ఏమి చేస్తుంది?

ది ' ప్రక్కనే ఉన్న HTML()ని చొప్పించండి ” పద్ధతి వినియోగదారులకు HTML కోడ్‌ని నిర్దిష్ట స్థానానికి చేర్చడానికి సహాయపడుతుంది.

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

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

• మూలకం : ఇది అనుబంధిత HTML మూలకాన్ని సూచిస్తుంది.
• స్థానం : ఇది HTML మూలకం యొక్క నాలుగు సంబంధిత స్థానాలను ఈ క్రింది విధంగా నిర్దేశిస్తుంది:
• ప్రారంభించడానికి ముందు : HTML మూలకం ముందు.
• తరువాత ప్రారంభం : HTML మూలకం యొక్క మొదటి బిడ్డ తర్వాత.
• అనంతరము : HTML మూలకం చివరిలో.
• ముందు : HTML మూలకం యొక్క చివరి బిడ్డ తర్వాత.
• html : ఇది చొప్పించిన HTML మూలకాన్ని సూచిస్తుంది.

ఉదాహరణ: సాపేక్ష స్థానాల్లో మూలకాలను చొప్పించడానికి “ఇన్సర్ట్ అడ్జసెంట్ HTML()”ని వర్తింపజేయడం
ఈ ఉదాహరణ ఒక నిర్దిష్ట మూలకానికి సంబంధించి నాలుగు నిర్దిష్ట స్థానాల్లో మూలకాలను చొప్పించడానికి చర్చించిన పద్ధతిని వర్తిస్తుంది అనగా, '

”.

---





---

HTML కోడ్
ముందుగా, కింది HTML కోడ్ ద్వారా వెళ్ళండి:

< h2 > జావాస్క్రిప్ట్‌లో ప్రక్కనే ఉన్న HTML() పద్ధతిని చొప్పించండి < / h2 >
< ఉల్ id = 'డెమో' >
< అని > Linux < / అని >
< / ఉల్ >

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




• ముందుగా, 'ని ఉపయోగించి ఉపశీర్షికను సృష్టించండి

  ” ట్యాగ్.

• తరువాత, 'ని ఉపయోగించండి
  'డెమో' కేటాయించిన ఐడితో ఆర్డర్ చేయని జాబితాను సృష్టించడానికి ట్యాగ్.
  • ది ' <ఆ> 'ట్యాగ్ జాబితాలో పేర్కొన్న అంశాన్ని జోడిస్తుంది.

  జావాస్క్రిప్ట్ కోడ్
  ఇప్పుడు, జావాస్క్రిప్ట్ కోడ్ బ్లాక్‌కి వెళ్లండి:

  < స్క్రిప్ట్ >
  జాబితా చేయనివ్వండి = పత్రం. getElementById ( 'డెమో' ) ;
  జాబితా. ప్రక్కన HTML చొప్పించండి ( 'ప్రారంభానికి ముందు' , '

  ఆపరేటింగ్ సిస్టమ్‌లు

  ' ) ;
  జాబితా. ప్రక్కన HTML చొప్పించండి ( 'ప్రారంభం తర్వాత' , '
• Windows
' ) ;
జాబితా. ప్రక్కన HTML చొప్పించండి ( 'ముందు' , '
• Mac OS
' ) ;
జాబితా. ప్రక్కన HTML చొప్పించండి ( 'తరువాత' , '

అంతే

' ) ;
స్క్రిప్ట్ >

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

• ఒక వేరియబుల్ ప్రకటించండి' జాబితా 'అది ఉపయోగించుకుంటుంది' getElementById() 'చేర్చబడిన వాటిని పొందే పద్ధతి'
  'ఐడితో కూడిన మూలకం' డెమో ”.
  • తరువాత, వర్తించు ' ప్రక్కనే ఉన్న HTML()ని చొప్పించండి '
    ' ప్రారంభానికి ముందు '

    ' ట్యాగ్ ద్వారా ఉపశీర్షికను చొప్పించే పద్ధతి 'అంటే, ' వద్ద ప్రారంభించడానికి ముందు ” స్థానం.

    ఆ తర్వాత, '' ద్వారా అంశాన్ని చొప్పించండి <ఆ> “

    ” ట్యాగ్ ప్రారంభం తర్వాత ” ట్యాగ్ అంటే, “ వద్ద తరువాత ప్రారంభం ” స్థానం.
    • మళ్ళీ, ఉపయోగించండి ” <ఆ> '
      ' ట్యాగ్ ముగిసేలోపు జాబితా ఐటెమ్‌ను జోడించడానికి ట్యాగ్ చేయండి అంటే, ' వద్ద ముందు ” స్థానం.
      • చివరగా, “
        ” ట్యాగ్ ముగిసిన తర్వాత “

        ” ట్యాగ్ సహాయంతో ఒక పేరాని చొప్పించండి అనంతరము ” స్థానం.

        అవుట్‌పుట్
        

        చూసినట్లుగా, అన్ని నిర్వచించబడిన HTML మూలకాలు '' సహాయంతో వాటి కేటాయించిన స్థానంలో చొప్పించబడతాయి. ప్రక్కనే ఉన్న HTML()ని చొప్పించండి ” పద్ధతి.

        ముగింపు

        జావాస్క్రిప్ట్ బాగా ప్రసిద్ధి చెందిన అంతర్నిర్మిత “ని అందిస్తుంది ప్రక్కనే ఉన్న HTML()ని చొప్పించండి HTML మూలకాన్ని నాలుగు వేర్వేరు స్థానాల్లో జోడించే పద్ధతి. ఇది ' వద్ద పేర్కొన్న HTML మూలకాన్ని సర్దుబాటు చేయమని బ్రౌజర్‌కు నిర్దేశిస్తుంది ప్రారంభించడానికి ముందు ',' ముందు ',' తరువాత ప్రారంభం ', ఇంకా ' అనంతరము 'ఒక నిర్దిష్ట మూలకానికి సంబంధించి స్థానాలు. ఈ గైడ్ “insertAdjacentHTML()” పద్ధతి యొక్క పని మరియు ఉపయోగం గురించి వివరంగా చర్చించింది.