Document | Dom

Descripción

El interface Document representa todos los elementos que componen una página web una vez que esta se ha cargado. Los elementos se cargan en forma de árbol donde cada uno de los nodos representa a un determinado elemento.

Dependiendo del tipo de documento que se cargue, ya sea HTML, XML, SVG,… se tendrán unos nodos u otros.

Además si manipulamos un documento HTML tendremos implementado el interface HTMLDocument que es una propiedad del objeto Window. Esto sucede por razones históricas, pero el interface acaba siendo el mismo.

En el caso que manipulemos un documento que sea XML o SVG tendremos implementado el interface XMLDocument.

Sintaxis

Document

Constructores

Document()

Propiedades

Métodos

Eventos

Ejemplo

<!DOCTYPE html>
<html lang="es">
<head>
  <title>Cambiar Contenido de una Capa</title>
  <script type="text/javascript">
    function cambiarContenido(texto){
      document.getElementById("micapa").innerHTML = texto;
    }
  </script>
</head>
<body>

<h1>Cambiar el contenido de una capa</h1>  
<div id="micapa">Contenido de mi capa...</div>
<form id="miform" action="#">
    <textarea rows="10" cols="20" id="texto">Nuevo contenido...</textarea>
    <button onClick="cambiarContenido(getElementById('texto').value);">Cambiar texto</button>
</form>
    
</body>
</html>