Ir al contenido principal
Sesión de Estudio 8 / Ejercicio 1
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Sesión VIII / Ejercicio 1</title>
<style type="text/css">
p{
color: #000080;
background-color: #cccccc;
width: 700px;
font-size: 22px;
font-family: arial;
}
</style>
<script type="text/javascript" >
function recorrer(etiqueta){
var elementos=document.getElementsByTagName(etiqueta);
var i;
for (i= 0; i< elementos.length; i++){
var parrafo = elementos[i];
alert(parrafo.innerHTML);
}
}
</script>
</head>
<body>
<p>DOM: Modelo de objetos del Documento.</p>
<p>Al cargar una pagina web, el navegador trasnforma automaticamente los documentos HTML,
en un conjunto de elementos llamados nodos. Los mismos se encuentran interconectados y
por su aspecto, a la coleccion, se le llama "arbol de nodos".</p>
<p>La conversion de etiquetas en nodos se realiza en forma jerarquica.</p>
<p>Para el tratamiento y acceso a los nodos existen <a href="#funciones">funciones especificas</a> que permiten llegar a
cualquiera de los mismos en forma sencilla e inmediata.</p>
<p>El árbol generado no sólo representa los contenidos del archivo original (mediante los nodos del
árbol) sino que también representa sus relaciones (mediante las ramas del árbol que conectan
los nodos).</p>
<p>Aunque en ocasiones DOM se asocia con la programación web y con JavaScript, la API de DOM es
independiente de cualquier lenguaje de programación. De hecho, DOM está disponible en la
mayoría de lenguajes de programación comúnmente empleados.</p>
<p>La ventaja de emplear DOM es que permite a los programadores disponer de un control muy
preciso sobre la estructura del documento HTML o XML que están manipulando. Las funciones
que proporciona DOM permiten añadir, eliminar, modificar y reemplazar cualquier nodo de
cualquier documento de forma sencilla.</p>
<p>La primera especificación de DOM (DOM Level 1) se definió en 1998 y permitió homogeneizar la
implementación del DHTML o HTML dinámico en los diferentes navegadores, ya que permitía
modificar el contenido de las páginas web sin necesidad de recargar la página entera.</p>
<p><a name="funciones">DOM: Funciones.</a></p>
<input type= "button" value="Ver Parrafos" onclick="recorrer('p');">
</body>
</html>