No processo de depuração e teste do código, os métodos são usados para exibir texto simples no console ou página da web para confirmar se uma parte específica do programa está em execução. JavaScript fornece o HTML DOM “ documento.writeln ()” para executar esta tarefa.
Este blog explica o procedimento para escrever em um documento HTML usando o método document.writeln().
Como escrever no HTML DOM com o método writeln() do documento?
O ' documento.writeln ()” imprime o texto em uma página da web e quando usado junto com “< pré >” tag, o texto é impresso em uma nova linha a cada vez.
Sintaxe
A sintaxe do método JavaScript document.writeln() é indicada abaixo:
documento. escrever ( valor )
O “valor” pode ser uma string variável ou texto simples, que é anexado diretamente na página da web. Mais de um valor também pode ser passado separando-os por vírgula.
Vamos fazer uma implementação prática.
Exemplo 1: Inserindo Vários Valores Dinamicamente
Neste exemplo, os vários valores em formato de texto simples serão exibidos na página da web na interação do usuário com o botão:
< Centro >
< estilo h1 = 'cor: azulcadete;' > Linux h1 >
< botão ondblclick = 'Inserir()' botão >
Centro >
< roteiro >
função insersor ( ) {
documento. escrever ( 'Esta é uma parte inicial' , 'É a parte final' ) ;
}
roteiro >
A explicação do código acima é mostrada como:
- Primeiro, é criado o botão que utiliza o “ ondblclick ”ouvinte de evento para invocar o“ insersor ()” função.
- A seguir, o “ documento.writeln ()” com dois valores em formato de texto simples é usado dentro do “ insersor ()” função. Isso exibirá o texto fornecido na página da web quando o usuário clicar duas vezes no botão.
A saída gerada após a compilação é mostrada como:
A saída acima confirma que os dados fornecidos foram impressos na página da web.
Exemplo 2: Usando o método writeln() do documento junto com a tag
Neste exemplo, o “< pré >” será usada em torno do valor a ser passado dentro da tag “ documento.writeln ()” método. Para exibir cada valor na nova linha. O código é indicado abaixo:
< roteiro >documento. escrever ( '
Esta é uma parte inicial') ; documento. escrever ( 'É a parte final' ) ;
roteiro >
Na linha de código acima, os valores a serem exibidos por ambos “ escrever ()” os métodos são agrupados por um único “< pré >” tag, para que sejam exibidos em novas linhas separadas.
A saída para a linha de código acima é semelhante a esta:
A saída mostra que cada valor é exibido em uma nova linha quando renderizado na página da web.
Conclusão
O DOM HTML “ documento escritoln() ”O método é basicamente utilizado para inserir texto na página web, o texto é passado entre parênteses e para múltiplos os textos são separados por vírgula. Este método exibe o texto em uma nova linha quando ele é colocado dentro do “< pré >” etiqueta. Este blog explicou com sucesso o método document.writeln().