Lo estás haciendo mal. Para empezar, en ese
foreach
, estás generando elementos
<div>
con el mismo
id
en cada iteración; ten en cuenta que el
id
es un valor único e irrepetible. Por otro lado, si te fijas bien, a la función le estás pasando el enlace como elemento, no le estás pasando ningún
id
que es con lo que intentas obtener el valor para
lat1
, además, si deseas obtener el contenido de cada
<div>
, debes de tomarlo con la propiedad
innerHTML
.
En lugar de usar elementos
<div>
que son de bloque, usas elementos
<label>
o
<span>
, que son de línea, agrupa cada bloque de elementos en un
<div>
y para que no te hagas líos al momento de tomar los valores de dichos
<span>
o
<label>
(lo que elijas), accede al elemento padre del enlace con la propiedad
parentNode
, asigna a los y luego busca dentro de él a los
<span>
o
<label>
, clases para identificarlos (las clases sí pueden repetirse) y buscas a dichos elementos dentro del elemento padre (que en este caso sería el
<div>
a partir de dichas clases, pudiendo hacerlo con mayor facilidad utilizando el método
querySelector
.
Saludos