¿Cómo escribir en HTML DOM con el método Document Writeln()?

Como Escribir En Html Dom Con El Metodo Document Writeln



En el proceso de depuración y prueba del código, los métodos se utilizan para mostrar texto sin formato en la consola o página web para confirmar que se está ejecutando una parte específica del programa. JavaScript proporciona el DOM HTML ' documento.escrito ()” método para realizar esta tarea.

Este blog explica el procedimiento para escribir en un documento HTML utilizando el método document.writeln().







¿Cómo escribir en HTML DOM con el método Document writeln()?

El ' documento.escrito ()” imprime el texto en una página web y cuando se usa junto con el “< pre >”, el texto se imprime en una nueva línea cada vez.



Sintaxis

La sintaxis del método JavaScript document.writeln() se indica a continuación:



documento. escrito ( valor )

El 'valor' puede ser una cadena variable o texto sin formato, que se agrega directamente a la página web. También se puede pasar más de un valor separándolos con una coma.





Tengamos una implementación práctica.

Ejemplo 1: insertar varios valores dinámicamente

En este ejemplo, los múltiples valores en formato de texto sin formato se mostrarán en la página web cuando el usuario interactúe con el botón:



< centro >
  < estilo h1 = 'color: azul cadete;' > linux h1 >
  < botón ondblclick = 'Insertar()' > botón >
centro >
< guion >
  función insertador ( ) {
documento. escrito ( 'Esta es una parte inicial' , 'Es la Parte Final' ) ;
  }
guion >

La explicación del código anterior se muestra como:

  • Primero, se crea el botón que utiliza el “ hacer clic ” detector de eventos para invocar el “ insertador ()' función.
  • A continuación, el “ documento.escrito ()” que tiene dos valores en formato de texto sin formato se utiliza dentro del “ insertador ()' función. Esto mostrará el texto proporcionado en la página web cuando el usuario haga doble clic en el botón.

El resultado generado después de la compilación se muestra como:

El resultado anterior confirma que los datos proporcionados se han impreso en la página web.

Ejemplo 2: uso del método Document writeln() junto con la etiqueta

En este ejemplo, el “< pre >” la etiqueta se utilizará alrededor del valor que se pasará dentro del “ documento.escrito ()' método. Para mostrar cada valor en la nueva línea. El código se indica a continuación:

< guion >
documento. escrito ( '
Esta es una parte inicial'  )  ;  documento.  escrito  (  'Es la Parte Final
'
) ;
guion >

En la línea de código anterior, los valores que mostrarán ambos ' escrito ()” los métodos están envueltos por un único “< pre >”, para que se muestren en nuevas líneas separadas.

El resultado de la línea de código anterior se ve así:

El resultado muestra que cada valor se muestra en una nueva línea cuando se representa en la página web.

Conclusión

El DOM HTML” documento escrito() El método 'se utiliza básicamente para insertar texto en la página web, el texto se pasa entre paréntesis y, en el caso de varios, los textos se separan por una coma. Este método muestra el texto en una nueva línea cuando se ajusta dentro del '< pre >”etiqueta. Este blog ha explicado con éxito el método document.writeln().