X
HOME HTML CSS JAVASCRIPT SQL PHP JQUERY ANGULAR BOOTSTRAP XML ASP.NET MORE...
REFERENCES | EXAMPLES | FORUM | ABOUT

HTML DOM write() Method

Document Object Reference 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 you execute it, on a loaded HTML document, all HTML elements will be overwritten.

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


Examples

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

If you execute the document.write() method on a loaded HTML document, all HTML elements will be overwritten

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

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 Reference Document Object

Your suggestion:

Close [X]

Thank You For Helping Us!

Your message has been sent to W3Schools.

Close [X]
Search w3schools.com:

WEB HOSTING

UK Reseller Hosting

WEB BUILDING

Download XML Editor FREE Website BUILDER Free HTML5 Templates

SHARE THIS PAGE

facebook