Conociendo el DOM [March 8, 2012, 4:58 a.m.]
En la tarea anterior vimos como podemos modificar de manera dinámica el estado de un elemento HTML (en nuestro caso el botón del formulario). Pero, por qué podemos hacer esto? cómo funciona?
Lo primero que tienes que saber es que cuando tu browser procesa contenido HTML el crea un Modelo de Objetos del Documento (DOM). La estructura lógica del DOM es muy parecida a la de un árbol. Tomemos como ejemplo un archivo HTML con un formulario:
<html>
<head>
</head>
<body>
<form>
<input />
<input />
</form>
</body>
</html>
OJO: Omití los atributos para hacer enfasis en la estructura.
El DOM se vería así: