Dom de javascript
Árbol de nodos
Una de las tareas habituales en la programación con JavaScript consiste en la manipulación de las páginas web. De esta forma, es habitual obtener el valor almacenado por algunos elementos (por ejemplo los elementos de un formulario), crear un elemento (párrafos, <div>, etc.) de forma dinámica y añadirlo a la página, aplicar una animación a un elemento (que parezca/desaparezca, que se desplace, etc.). Todas estas tareas comunes son muy sencillas gracias a DOM. Sin embargo, para poder utilizar las utilidades de DOM, es necesario “transformar” la página original.
Una página HTML normal no es más que una sucesión de caracteres, por lo que es un formato muy difícil de manipular. El motivo por el que se muestra el funcionamiento de esta transformación interna es funcionamiento de DOM y por tanto, la forma en la que se manipulan las páginas. DOM transforma todos los documentos XHTML en una serie de elementos llamados nodos, que están interconectados y que representan los contenidos de las páginas web y las relaciones entre ellos. Por su aspecto, la unión de todos los nodos se llama “árbol de nodos”.
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/
<p>Esta página es <strong>muy sencilla</strong></p>
</body>
</html>
