Foros del Web » Programando para Internet » Javascript »

[SOLUCIONADO] Recorrer código html obtener

Estas en el tema de Recorrer código html obtener en el foro de Javascript en Foros del Web. Buenos días, Necesito de vuestra ayuda para resolver esto, Mi empresa ha adquirido una aplicación de ticketing. Esta aplicación funciona via web. Me piden como ...
  #1 (permalink)  
Antiguo 29/08/2018, 11:38
 
Fecha de Ingreso: julio-2008
Mensajes: 155
Antigüedad: 15 años, 9 meses
Puntos: 1
Recorrer código html obtener

Buenos días,

Necesito de vuestra ayuda para resolver esto,

Mi empresa ha adquirido una aplicación de ticketing. Esta aplicación funciona via web.
Me piden como obtener el nombre de la persona que se ha logueado para luego realizar una serie de funcionalidades ajenas a la herramienta.

Pongo el código debajo, obviamente es un trozo resumido y modificado. Ya que el original ponen unos nombres algo complicados de entender.

La idea es la siguiente,
La información se encuentra encapsulada en un div donde dentro de este div aparecen otros divs.
El div principal no tiene id sino se basa en el nombre de la clase. Y los divs internos ya directamente ni nombre ni nada.

No estoy seguro si el div principal está repetido en alguna parte más de la página.

Necesito recorrer el div llamado clase y obtener el texto nombre.

He intentado hacerlo mediante la función document.getElementsByClassName("clase") pero luego no se como obtener los elemntos hijos de este he provado el método getChilds pero no me sale nada.

¿Alguna idea?


Código HTML:
<!DOCTYPE html>
<html>
<body>

<div class = "clase">
   <div> nombre</div>
   <div> Apellido </div>
</div>
...
...
...
<div class = "clase">
   <div> Direccion </div>
   <div> Telefono </div>
</div>


<script>
  alert(document.getElementsByClassName("clase"));
</script>

</body>
</html> 
  #2 (permalink)  
Antiguo 29/08/2018, 12:59
 
Fecha de Ingreso: julio-2008
Mensajes: 253
Antigüedad: 15 años, 9 meses
Puntos: 11
Respuesta: Recorrer código html obtener

Buenos días,

Si lo que interesa es obtener el text nombre, pues según tu caso este corresponde a la primera posición por lo que podrías usar 'firstElementChild' y de este obtener el contenido con 'textContent'. Por otro lado, debes considerar que getElementsByClassName te devuelve un arreglo por lo que debes seleccionar la primera incidencia. Aclaro que me baso en lo que enviaste, quedaría algo como:

<script>
alert(document.getElementsByClassName("clase")[0].firstElementChild.textContent);
</script>
__________________
Neothek.com | Web hosting, registro de dominios, Diseño Web y Certificados SSL
  #3 (permalink)  
Antiguo 29/08/2018, 14:35
 
Fecha de Ingreso: julio-2008
Mensajes: 155
Antigüedad: 15 años, 9 meses
Puntos: 1
Respuesta: Recorrer código html obtener

Muchas gracias por vuestra ayuda.

Saludos

Etiquetas: funcion, html
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 14:11.