Gravação de documento HTML DOM()
Exemplos
Escreva algum texto diretamente na saída HTML:
document.write("Hello World!");
Escreva alguns elementos HTML diretamente na saída HTML:
document.write("<h2>Hello World!</h2><p>Have a nice day!</p>");
Usando document.write() depois que um documento é carregado, exclui todo o HTML existente:
// This should be avoided:
function myFunction() {
document.write("Hello World!");
}
Mais exemplos abaixo.
Definição e uso
O write()
método grava diretamente em um fluxo de documento aberto (HTML).
Aviso
O write()
método exclui todo o HTML existente quando usado em um documento carregado.
O write()
método não pode ser usado em XHTML ou XML.
Observação
O write()
método é usado com mais frequência para gravar em fluxos de saída abertos pelo open()
método the.
Consulte "Mais exemplos" abaixo.
Veja também:
Sintaxe
document.write(exp1, exp2, exp3, ...)
Parâmetros
Parameter | Description |
exp1, exp2, exp3, ... |
Optional. The output stream. Multiple arguments are allowed and will be appended to the document in order of occurrence. |
Valor de retorno
NENHUM |
Mais exemplos
Escreva um objeto de data diretamente na saída HTML:
document.write(Date());
Abra um fluxo de saída, adicione um pouco de HTML e feche o fluxo de saída:
document.open();
document.write("<h1>Hello World</h1>");
document.close();
Abra uma nova janela e escreva algum HTML nela:
const myWindow = window.open();
myWindow.document.write("<h1>New Window</h1>");
myWindow.document.write("<p>Hello World!</p>");
A diferença entre write() e writln()
write() e writeln():
<body>
<p>Note that write() does NOT add a new line after each statement:</p>
<pre>
<script>
document.write("Hello World!");
document.write("Have a nice day!");
</script>
</pre>
<p>Note that writeln() adds a new line after each statement:</p>
<pre>
<script>
document.writeln("Hello World!");
document.writeln("Have a nice day!");
</script>
</pre>
</body>
Não faz sentido usar writeln() em HTML.
Se você quiser novas linhas em HTML, você deve usar parágrafos ou <br>:
document.write("Hello World!<br>");
document.write("Have a nice day!");
Suporte ao navegador
document.write
é suportado em todos os navegadores:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | Yes | Yes | Yes | Yes | Yes |