lunes, 27 de julio de 2009

DOM. Extraer contenido tabla.Moverser dentro de nuestra página web.

Vamos a ver un ejemplo, en el que tenemos una tabla sin ID, dentro de una etiqueta "div" con ID, y queremos obtener y mostrar el valor de la 2ª y 4ª fila de la tabla.

<div id="contenido">
<!-- codigo html -->
<table>
<tr><td>Fila 1</td></tr>
<tr><td>Fila 2</td></tr>
<tr><td>Fila 3</td></tr>
<tr><td>Fila 4</td></tr>
</table>
<!-- aqui puede haber más código html, o no -->
</div>

<-- Ahora mostramos el contenido en otra parte de la página -->
<div id="dinamico"><script type="text/javascript">
//Obtenemos el texto de las celdas
x = document.getElementById("contenido");
celda2 = x.getElementsByTagName("td").item(1).innerHTML;
celda4 = x.getElementsByTagName("td").item(3).innerHTML;
</script></div>

No hay comentarios:

Publicar un comentario