HTML - DOM write() Method

Quiz

The HTML DOM write() method allows you to write HTML or JavaScript expressions directly to a document. However, it replaces the entire content of the document if called after the document has fully loaded.

It is generally recommended to avoid using the this method in modern web development due to its disruptive behavior and potential performance issues.

Syntax

Following is the syntax of the HTML DOM write() method −

document.write(exp1, exp2,.....expN);

Parameters

This method accepts a single parameter as listed below −

Parameter	Description
(exp1, exp2,..expN)	It represents multiple expressions which you want to write in your document. These are displayed in the order of their occurrence.

Return Value

This method does not return anything.

Example 1: Write Text directly to Document

The following example demonstrates the usage of the HTML DOM write() method −

<!DOCTYPE html>
<html lang="en">
<head>
<title>HTML DOM Document write() Method</title>
</head>
<body>
<button onclick="fun()">Click me</button>
<p id="type"></p>
<script>
   function fun() {
      document.write("Welcome to Tutorials Point..")
   }
</script>
</body>
</html>

Example 2: Write a Text in New Window

In the following example, a new window is opened, and text is inserted into the document −

<!DOCTYPE html>
<html lang="en">
<head>
<title>HTML DOM document write() Method</title>
</head>
<body>
<button onclick="fun()">Click me</button>
<p id="type"></p>
<script>
   function fun() {
      let x = window.open()
      x.document.write("Welcome to Tutorials Point..")
   }
</script>
</body>
</html>

Example 3: Write HTML Elements Directly to HTML Output

In the following example, the <b> tag has been used to make the text bold and the <em> tag to make the text italic within the document −

<!DOCTYPE html>
<html lang="en">
<head>
<title>HTML DOM document write() Method</title>
</head>
<body>
<button onclick="fun()">Click me</button>
<p id="type"></p>
<script>
   function fun() {
      document.write("<b><em>Welcome to Tutorials Point.. </em></b>");
   }
</script>
</body>
</html>

Supported Browsers

Method
write()	Yes 1	Yes 12	Yes 1	Yes 1	Yes 3

html_dom_document_reference.htm

Print Page