డాక్యుమెంట్ రైటెల్న్() పద్ధతితో HTML DOMకి ఎలా వ్రాయాలి?

Dakyument Raiteln Pad Dhatito Html Domki Ela Vrayali



కోడ్‌ను డీబగ్గింగ్ చేయడం మరియు పరీక్షించడం ప్రక్రియలో, ప్రోగ్రామ్‌లోని నిర్దిష్ట భాగం అమలు చేయబడుతుందని నిర్ధారించడానికి కన్సోల్ లేదా వెబ్‌పేజీలో సాదా వచనాన్ని ప్రదర్శించడానికి పద్ధతులు ఉపయోగించబడతాయి. జావాస్క్రిప్ట్ HTML DOM “ని అందిస్తుంది document.writeln ()” ఈ పనిని నిర్వహించడానికి పద్ధతి.

ఈ బ్లాగ్ document.writeln() పద్ధతిని ఉపయోగించి HTML డాక్యుమెంట్‌పై వ్రాసే విధానాన్ని వివరిస్తుంది.







డాక్యుమెంట్ రైట్ల్న్() పద్ధతితో HTML DOMకి ఎలా వ్రాయాలి?

ది ' document.writeln ()” పద్ధతి వెబ్‌పేజీలో వచనాన్ని ప్రింట్ చేస్తుంది మరియు “<తో పాటు ఉపయోగించినప్పుడు ముందు >” ట్యాగ్, టెక్స్ట్ ప్రతిసారీ కొత్త లైన్‌లో ముద్రించబడుతుంది.



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

document.writeln() JavaScript పద్ధతికి సంబంధించిన సింటాక్స్ క్రింద పేర్కొనబడింది:



పత్రం. వ్రాయడం ( విలువ )

'విలువ' అనేది వేరియబుల్ స్ట్రింగ్ లేదా సాదా వచనం కావచ్చు, ఇది నేరుగా వెబ్ పేజీలో జోడించబడుతుంది. ఒకటి కంటే ఎక్కువ విలువలను కామాతో వేరు చేయడం ద్వారా కూడా పాస్ చేయవచ్చు.





ఆచరణాత్మకంగా అమలు చేద్దాం.

ఉదాహరణ 1: డైనమిక్‌గా బహుళ విలువలను చొప్పించడం

ఈ ఉదాహరణలో, బటన్‌తో వినియోగదారు పరస్పర చర్యపై సాదా వచన ఆకృతిలో బహుళ విలువలు వెబ్‌పేజీలో ప్రదర్శించబడతాయి:



< కేంద్రం >
< h1 శైలి = 'రంగు: కాడెట్బ్లూ;' > Linux h1 >
< బటన్ ondblclick = 'చొప్పించు()' > బటన్ >
కేంద్రం >
< స్క్రిప్ట్ >
ఫంక్షన్ ఇన్సర్టర్ ( ) {
పత్రం. వ్రాయడం ( 'ఇది ప్రారంభ భాగం' , 'ఇది చివరి భాగం' ) ;
}
స్క్రిప్ట్ >

పై కోడ్ యొక్క వివరణ ఇలా చూపబడింది:

  • మొదట, బటన్ సృష్టించబడుతుంది, అది ' ondblclick ” ఈవెంట్ వినేవారు ఇన్సర్టర్ ()” ఫంక్షన్.
  • తరువాత, ' document.writeln ()' సాధారణ టెక్స్ట్ ఆకృతిలో రెండు విలువలను కలిగి ఉన్న పద్ధతి ' లోపల ఉపయోగించబడుతుంది ఇన్సర్టర్ ()” ఫంక్షన్. వినియోగదారు బటన్‌ను రెండుసార్లు క్లిక్ చేసినప్పుడు ఇది అందించిన వచనాన్ని వెబ్‌పేజీలో ప్రదర్శిస్తుంది.

సంకలనం తర్వాత ఉత్పత్తి చేయబడిన అవుట్‌పుట్ ఇలా చూపబడింది:

అందించిన డేటా వెబ్‌పేజీలో ముద్రించబడిందని ఎగువ అవుట్‌పుట్ నిర్ధారిస్తుంది.

ఉదాహరణ 2: <ప్రీ> ట్యాగ్‌తో పాటు డాక్యుమెంట్ రైట్‌ల్న్() పద్ధతిని ఉపయోగించడం

ఈ ఉదాహరణలో, “< ముందు '' లోపల పాస్ చేయవలసిన విలువ చుట్టూ >' ట్యాగ్ ఉపయోగించబడుతోంది document.writeln ()' పద్ధతి. ప్రతి విలువను కొత్త లైన్‌లో ప్రదర్శించడానికి. కోడ్ క్రింద పేర్కొనబడింది:

< స్క్రిప్ట్ >
పత్రం. వ్రాయడం ( '
ఇది ప్రారంభ భాగం'  )  ;  పత్రం.  వ్రాయడం  (  'ఇది చివరి భాగం
'
) ;
స్క్రిప్ట్ >

పై కోడ్ లైన్‌లో, రెండింటి ద్వారా ప్రదర్శించబడే విలువలు “ వ్రాయడం ()' పద్ధతులు ఒకే '<తో చుట్టబడి ఉంటాయి ముందు >” ట్యాగ్, వాటిని ప్రత్యేక కొత్త లైన్లలో ప్రదర్శించేలా చేయడానికి.

ఎగువ కోడ్ లైన్ కోసం అవుట్‌పుట్ ఇలా కనిపిస్తుంది:

వెబ్‌పేజీలో రెండర్ చేసినప్పుడు ప్రతి విలువ కొత్త లైన్‌లో ప్రదర్శించబడుతుందని అవుట్‌పుట్ చూపిస్తుంది.

ముగింపు

HTML DOM ' డాక్యుమెంట్ రైల్ఎన్() ” పద్ధతి ప్రాథమికంగా వెబ్‌పేజీలో వచనాన్ని చొప్పించడానికి ఉపయోగించబడుతుంది, టెక్స్ట్ దాని కుండలీకరణంలోకి పంపబడుతుంది మరియు బహుళ టెక్స్ట్‌లు కామాతో వేరు చేయబడతాయి. ఈ పద్ధతి “< లోపల చుట్టబడినప్పుడు కొత్త లైన్‌లో వచనాన్ని ప్రదర్శిస్తుంది ముందు >” ట్యాగ్. ఈ బ్లాగ్ document.writeln() పద్ధతిని విజయవంతంగా వివరించింది.