HTML DOM write() Method
Example
Write some text directly to the HTML document:
document.write("Hello World!");
Try it Yourself »
More "Try it Yourself" examples below.
Definition and Usage
The write() method writes HTML expressions or JavaScript code to a document.
The write() method is mostly used for testing: If it is used after an HTML document is fully loaded, it will delete all existing HTML.
Note: When this method is not used for testing, it is often used to write some text to an output stream opened by the document.open() method. See "More Examples" below.
Tip: The document.writeln() method is similar to write(), only it adds a newline character after each statement.
Browser Support
Method | |||||
---|---|---|---|---|---|
write() | Yes | Yes | Yes | Yes | Yes |
Syntax
document.write(exp1, exp2, exp3, ...)
Parameter Values
Parameter | Description |
---|---|
exp1, exp2, exp3, ... | Optional. What to write to the output stream. Multiple arguments can be listed and they will be appended to the document in order of occurrence |
Technical Details
Return Value: | No return value |
---|
More Examples
Example
Write HTML elements with text directly to the HTML document:
document.write("<h1>Hello World!</h1><p>Have a nice day!</p>");
Try it Yourself »
Example
Write the Date object directly to the HTML document:
document.write(Date());
Try it Yourself »
Example
Using document.write() after an HTML document is fully loaded, will delete all existing HTML.
In this example we illustrate what happens when we put document.write() inside a function. When the function is invoked, all HTML elements will be overwritten and replaced with the new, specified text:
// This should be avoided:
function myFunction() {
document.write("Hello World!");
}
Try it Yourself »
Example
Open an output stream, add some text, then close the output stream:
document.open();
document.write("<h1>Hello World</h1>");
document.close();
Try it Yourself »
Example
Open a new window called "MsgWindow", and write some text into it:
var myWindow = window.open("", "MsgWindow", "width=200, height=100");
myWindow.document.write("<p>This is 'MsgWindow'. I am 200px wide and 100px tall!</p>");
Try it Yourself »
Example
Difference between write() and 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() add a new line after each statement:</p>
<pre>
<script>
document.writeln("Hello World!");
document.writeln("Have a nice day!");
</script>
</pre>
</body>
Try it Yourself »
Example
Write some text directly to the HTML document, with a new line after each statement (using <br>):
document.write("Hello World! <br>");
document.write("Have a nice day!");
Try it Yourself »
❮ Document Object