Como sabemos no PHP, as funções echo e print são usadas para exibir a saída na tela. Então, quando um usuário começar a codificar com JavaScript, ele definitivamente ficará curioso sobre como imprimir a saída na tela em JavaScript. O JavaScript é comumente usado para criar aplicativos da Web dinâmicos que oferecem vários métodos predefinidos para executar tarefas.
Este artigo irá descrever os métodos JavaScript equivalentes ao método echo/print em PHP.
Existe um PHP echo/print Equivalente em JavaScript?
Sim, em JavaScript, existem vários métodos predefinidos para mostrar a saída para o console ou para a página HTML, listados abaixo:
Solução 1: Use o método “console.log()” em JavaScript como equivalente ao echo/print em PHP
O ' console.log() ” em JavaScript permite imprimir texto no console do navegador e é equivalente às funções echo e print do PHP.
Exemplo
Ligar para ' console.log() ” para imprimir a mensagem no console:
console. registro ( 'Bem-vindo ao Linuxhint' ) ;
A mensagem foi exibida com sucesso no console usando o JavaScript “ console.log() ” método:
Solução 2: Use o método “document.write()” em JavaScript como equivalente ao echo/print em PHP
Use o ' document.write() ” em JavaScript que é equivalente à função echo/print em PHP. Ele exibe o texto na página da web. Este método é freqüentemente utilizado para adicionar conteúdo dinâmico a uma página da web.
Exemplo
Passe a mensagem para o “ document.write() ” para imprimir na página da web:
documento. escrever ( 'Bem-vindo ao Linuxhint' ) ;Pode-se ver que a mensagem foi impressa com sucesso na página da web:
Solução 3: Use o método “document.appendChild()” em JavaScript como equivalente ao echo/print em PHP
Utilize o “ document.appendChild() ” para imprimir o texto no site usando JavaScript e é equivalente às funções echo ou print do PHP. Este método é usado para adicionar novos elementos ao documento HTML, como elementos
ou
Exemplo
Crie um elemento de tag
usando o “ criar elemento() ” e armazene a referência na variável “ texto ”:
era texto = documento. criarElemento ( 'p' ) ;Use o ' textointerno ” atributo para atribuir o texto para exibição na página da web:
texto. textointerno = 'Bem-vindo ao Linuxhint' ;Agora, anexe o elemento no documento HTML usando o “ appendChild() ” método:
documento. corpo . anexarFilho ( texto ) ;Saída
Solução 4: Use o Atributo “innerHTML” em JavaScript como Equivalente ao echo/print em PHP
Você também pode utilizar o “ HTML interno ” em JavaScript como equivalente às funções echo/print em PHP. Permite acessar ou alterar o conteúdo de um elemento HTML. Essa propriedade é comumente usada para atualizar o conteúdo dinamicamente em resposta à entrada do usuário ou outros eventos.
Exemplo
Crie um elemento
em HTML onde iremos alterar o texto:
< p id = 'texto' > Imprimir mensagem aqui p >
Em um arquivo JavaScript, obtenha a referência da tag
usando o comando “ getElementById() ” método:
era elemento = documento. getElementById ( 'texto' ) ;Utilize o “ HTML interno ” para atribuir uma nova mensagem para exibição na página da web dinamicamente:
elemento. HTML interno = 'Bem-vindo ao Linuxhint' ;A mensagem será atualizada dinamicamente:
Fornecemos todas as soluções possíveis para imprimir texto na página da Web usando JavaScript equivalente à função echo/print em PHP.
Conclusão
Em JavaScript, existem vários métodos predefinidos para mostrar a saída ou o texto no console ou na página HTML, incluindo o “ console.log() ” método, “ document.write() ” método, “ document.appendChild() ” ou o método “ HTML interno ” atributo. Este artigo descreveu os métodos em JavaScript que são equivalentes ao método echo/print em PHP.