HTML DOM
write()
Method
Document Object
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