Error Message: Uncaught TypeError: Cannot read property ‘value’ of null


#1

Hello,

When trying to enter un new project, I am having the following error message :slight_smile:
"Uncaught TypeError: Cannot read property ‘value’ of null

at map (http://localhost:8080/LeafletMarker/:71:66)
at HTMLInputElement.onclick (http://localhost:8080/LeafletMarker/:116:73)

map @ (index):71
onclick @ (index):116

Any help, please ?
Thanks

Below the code

This is the code:
var drawnItems = new L.FeatureGroup();
map.addLayer(drawnItems);
geomfeatures=document.getElementById(“featurebox”);
alert(geomfeatures.childNodes.length);
for (i=0;i<geomfeatures.childNodes.length;i++)
{
lat=document.getElementById(“lat”+i).value;
alert(lat);
lng=document.getElementById(“lng”+i).value;
alert(lng);
L.marker([lat,lng]).bindPopup(“Hello World”).addTo(map);
}

    function test()
    {
        geomfeatures=document.getElementById("featurebox");
                alert(geomfeatures.childNodes.length);
                for (i=0;i<geomfeatures.childNodes.length;i++)
                {
                    totalgeom=document.getElementById("geom"+i).value;
                    alert(totalgeom);
                }
    }
<% response.setHeader("Cache-Control", "no-cache"); //Forces caches to obtain a new copy of the page from the origin server response.setHeader("Cache-Control", "no-store"); //Directs caches not to store the page under any circumstance response.setDateHeader("Expires", 0); //Causes the proxy cache to see the page as "stale" response.setHeader("Pragma", "no-cache"); //HTTP 1.0 backward compatibility %> <% ArrayList temp = null; temp = Join.getGeometryList(); request.setAttribute("geom", temp); %>
            <div id='featurebox'>
                <c:forEach var="row" items="${geom}" varStatus="status">
                    <input type='hidden' id="lat<c:out value="${status.index}"/>" value="<c:out value="${row.latitude}"/>"/>
                    <input type='hidden' id="lng<c:out value="${status.index}"/>" value="<c:out value="${row.longitude}"/>"/>
                </c:forEach>
            </div>  
          
            <div id="map"></div>
            <input type="button" value="test" onclick="map('map')"/>

</body>

#2

Is this a Meteor question?


#3

No sir, I am work in another project


#4

can you show the sample/snippet of html this is accessing with array of items


#5

I am already shown in code


#6