HTML DOM readyState Property
The readyState property in HTML is used to return the loading status of the current document. This property is used for read-only.
Syntax:
document.readyState
Return Value: It returns a string value which is used to define the status of the current document. The one of five status are listed below:
- uninitialized: Process does not start loading.
- loading: Process is loading.
- loaded: Process has been loaded.
- interactive: Process loading is enough to interact with the user.
- complete: Process fully loaded.
Example: In this example, we will use readyState property.
HTML
<!DOCTYPE html> < html > < head > < title >DOM readyState Property</ title > < style > h1 { color: green; } </ style > </ head > < body > < h1 >w3wiki</ h1 > < h2 >DOM readyState Property</ h2 > < button onclick = "Beginner()" >Submit</ button > < p id = "sudo" ></ p > < script > function Beginner() { let x = document.readyState; document.getElementById("sudo").innerHTML = x; } </ script > </ body > </ html > |
Output:
Supported Browsers: The browser supported by DOM readyState Property are listed below:
- Google Chrome 1
- Edge 12
- Internet Explorer 11
- Firefox 3.6
- Opera 11
- Safari 1