--- title: Document.readyState slug: Web/API/Document/readyState translation_of: Web/API/Document/readyState ---
La propiedad Document.readyState de un {{ domxref("document") }} describe el estado de carga del documento.
El readyState de un documento puede tener uno de los siguientes valores:
Cuando el valor de esta propiedad cambia, un evento {{event("readystatechange")}} se dispara en el objecto {{ domxref("document") }}.
var string = document.readyState;
switch (document.readyState) {
case "loading":
// The document is still loading.
break;
case "interactive":
// The document has finished loading. We can now access the DOM elements.
var span = document.createElement("span");
span.textContent = "A <span> element.";
document.body.appendChild(span);
break;
case "complete":
// The page is fully loaded.
console.log("The first CSS rule is: " + document.styleSheets[0].cssRules[0].cssText);
break;
}
// alternative to DOMContentLoaded event document.onreadystatechange = function () { if (document.readyState == "interactive") { initApplication(); } }
// alternative to load event document.onreadystatechange = function () { if (document.readyState == "complete") { initApplication(); } }
Especificación | Estado | Comentario |
---|---|---|
{{SpecName("HTML WHATWG", "#current-document-readiness", "Document readiness")}} | {{Spec2('HTML WHATWG')}} | |
{{SpecName("HTML5.1", "#current-document-readiness", "Document readiness")}} | {{Spec2('HTML5.1')}} | |
{{SpecName("HTML5 W3C", "#current-document-readiness", "Document readiness")}} | {{Spec2('HTML5 W3C')}} | Especificación inicial. |