El DOM en JavaScript
El DOM (Document Object Model) permite que los desarrolladores web puedan manipular páginas HTML mediante código JavaScript (hay otros lenguajes que también lo utilizan).
Cuando creemos páginas web, constantemente vamos a necesitar obtener valores almacenados en formularios, crear animaciones, elementos, etc. Esto lo vamos a conseguir muy fácilmente gracias al DOM.
DOM transforma los elementos de los documentos HTML en un conjunto llamado árbol de nodos. Estos están conectados entre ellos y poseen una jerarquía.
Veamos una página XHTML sencilla con pocos elementos:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/ xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Capítulo 21 del curso JavaScript</title> </head> <body> <p>Estas viendo varios elementos <b>y aprendiendo el DOM</b></p> </body> </html>
Esta página se puede representar en un árbol de nodos de la siguiente forma:
Cuando manejes el DOM vas a poder manipular partes de tus páginas web como estas del esquema con JavaScript, pudiendo de este modo crear páginas dinámicas, podrás hacer que el usuario interactúe con la página.
Esto es una introducción al DOM, por eso me he limitado a mostrarlo de la forma más sencilla posible. En el curso avanzado de JavaScript que empezará pronto veremos más a fondo el DOM. Por el momento, empezaremos a utilizar algunas cosas básicas del DOM en los capítulos posteriores.
0 comentarios:
Publicar un comentario
Si te a gustado o necesitas ayuda, tus comentarios son agradecidos :D