Corea – DOM. Acceso y navegación entre elementos
Llegas a Seúl, capital de Corea. Temes que no vas a tener tiempo de mucho antes de que te llegue el mensaje que te avise de que debes ponerte manos a la obra con una nueva tarea… y así es. No llevas ni media hora intentando hacerte paso por la ciudad cuando recibes un nuevo aviso.
Vuelves a la carga con DOM, por tercera y última vez. Aprenderás cómo acceder y navegar a través de elementos del DOM. ¡Pero ojo! Ten cuidado: no son lo mismo nodos que elementos… ¡no lo olvides!
| u5e3_recorrerElementos.html | Recompensa |
|
Diseña un analizador de formularios que te permita extraer toda la información de un formulario, indepedientemente de cómo se encuentre diseñado. Para ello, crea una página que incluya un formulario cualquiera, un div y un botón. Al pulsar el botón deberá realizar las siguientes acciones: – Por cada elemento input que encuentre, indicará, en el div, que se ha encontrado un input, de qué tipo es, qué clase tiene, qué id tiene, qué nombre tiene, y su valor. Por ejemplo: «1. INPUT. Tipo: text. Nombre: usuario. Clase: no tiene. Id: no tiene. Valor: sandiego». – Por cada elemento textarea/button que encuentre, indicará, en el div, que se ha encontrado un textarea/un button, su clase, id y nombre, si tiene, y su valor. – Por cada label que encuentre, indicará, en el div, que se ha encontrado un label, su clase, id y nombre, si tiene, y su atributo «for». – Por cada select, indicará, en el div, que se ha encontrado un select, su clase, id y nombre, si tiene, y cada uno de los valores de los option que contiene. – Si hay un elemento de tipo comentario (ver enlace: http://www.w3schools.com/jsref/prop_node_nodetype.asp) mostrará simplemente, que se ha encontrado un elemento de tipo comentario, y su valor. – No se tendrán en cuenta elementos de tipo fieldset, datalist, keygen u output. Por ejemplo: «1. INPUT. Tipo: text. Nombre: usuario. Clase: no tiene. Id: no tiene. Valor: sandiego». Ten en cuenta que el código que crees debe servir para todos los formularios, independientemente de los elementos que contengan. |
|
