Hoe schrijf ik naar de HTML DOM met de Document Writeln()-methode?

Hoe Schrijf Ik Naar De Html Dom Met De Document Writeln Methode



Tijdens het debuggen en testen van de code worden de methoden gebruikt om platte tekst op de console of webpagina weer te geven om te bevestigen dat een specifiek deel van het programma wordt uitgevoerd. JavaScript biedt de HTML DOM “ document.writeln ()”-methode om deze taak uit te voeren.

In deze blog wordt de procedure uitgelegd om in een HTML-document te schrijven met behulp van de document.writeln() -methode.







Hoe schrijf je naar de HTML DOM met de Document writeln()-methode?

De ' document.writeln ()”-methode drukt de tekst af over een webpagina en bij gebruik langs de “< pre >”-tag, wordt de tekst elke keer op een nieuwe regel afgedrukt.



Syntaxis

De syntaxis voor de document.writeln() JavaScript-methode wordt hieronder vermeld:



document. geschreven ( waarde )

De “waarde” kan een variabele string of platte tekst zijn, die rechtstreeks op de webpagina wordt toegevoegd. Er kunnen ook meer dan één waarde worden doorgegeven door deze te scheiden met een komma.





Laten we een praktische implementatie hebben.

Voorbeeld 1: Meerdere waarden dynamisch invoegen

In dit voorbeeld worden de meerdere waarden in platte tekst weergegeven op de webpagina bij gebruikersinteractie met de knop:



< centrum >
< h1-stijl = 'kleur: cadetblauw;' > Linux h1 >
< knop endblklik = 'Invoegen()' > knop >
centrum >
< script >
functie invoeger ( ) {
document. geschreven ( 'Dit is een eerste deel' , 'Het is het laatste deel' ) ;
}
script >

De uitleg van de bovenstaande code wordt weergegeven als:

  • Eerst wordt de knop gemaakt die gebruikmaakt van de “ ondblklik ”gebeurtenislistener om de “ invoeger ()”-functie.
  • Vervolgens wordt de “ document.writeln ()”-methode met twee waarden in platte tekst-indeling wordt gebruikt binnen de “ invoeger ()”-functie. Hierdoor wordt de opgegeven tekst op de webpagina weergegeven wanneer de gebruiker dubbelklikt op de knop.

De uitvoer die na de compilatie wordt gegenereerd, wordt weergegeven als:

De bovenstaande uitvoer bevestigt dat de verstrekte gegevens via de webpagina zijn afgedrukt.

Voorbeeld 2: Document writeln()-methode gebruiken langs
-tag

In dit voorbeeld wordt de “< pre >”tag zal worden gebruikt rond de waarde die moet worden doorgegeven binnen de “ document.writeln ()” methode. Om elke waarde op de nieuwe regel weer te geven. De code staat hieronder vermeld:

< script >
document. geschreven ( '
Dit is een eerste deel'  )  ;  document.  geschreven  (  'Het is het laatste deel
'
) ;
script >

In de bovenstaande coderegel zijn de waarden die moeten worden weergegeven door zowel “ geschreven ()”-methoden worden omsloten door een enkele “< pre >”-tag, zodat ze op afzonderlijke nieuwe regels worden weergegeven.

De uitvoer voor de bovenstaande coderegel ziet er als volgt uit:

De uitvoer laat zien dat elke waarde op een nieuwe regel wordt weergegeven wanneer deze via de webpagina wordt weergegeven.

Conclusie

De HTML-DOM “ document schrijvenln() De methode wordt in principe gebruikt om tekst over de webpagina in te voegen, de tekst wordt tussen haakjes doorgegeven en bij meerdere teksten worden de teksten gescheiden door een komma. Deze methode geeft tekst weer op een nieuwe regel wanneer deze binnen de “< pre >” label. In deze blog is de methode document.writeln() met succes uitgelegd.