java script unable to find the element

Question

here is my issue:

when i say getelementbyid("table1") it says"Uncaught TypeError: Cannot set property 'innerHTML' of null"

i am rendering a dynamic table via java script asshown below:

function mainProcessing()
{
        <% ProductController pc=new ProductController();%>

        var val = <%=pc.doTask()%>
        var jobj=JSON.stringify(val);
        document.write(jobj);
        alert(jobj);

         var obj=JSON.parse(jobj);
        alert("jobj");
        alert(obj.toString());
        var object = eval("(" + jobj+ ")");

        alert("this part is done");
        return object;
}
function drawtable()
{
    var JSONObj=mainProcessing();
    var tablecontents = "";
    for (var i = 0; i < 5; i ++)
   {
      tablecontents += "<tr>";
      tablecontents += "<td>" + i + "</td>";
      tablecontents += "<td>" + i * 100 + "</td>";
      tablecontents += "<td>" + i * 1000 + "</td>";
      tablecontents += "</tr>";
   }

 document.write(JSONObj.toString());       
    alert("just outside nested loop");
   document.getElementById("table1").innerHTML = tablecontents;
}

for testing i have inserted randome values in the table.

and that html part goes like this:

<title>Indian Divine !!!</title>
</head>
<body onload="drawtable()">
<center>
<h1>my name is jobj</h1>
    <table id="table1">

    </table>
</center>
</body>
</html>

the browser user is Chrome. IDE Eclips Juno

that is fine i have just copied and pasted the relevant part of code... @Uooo — Mayur Gupta
– Mayur Gupta, Commented Sep 11, 2013 at 12:29

Community · Accepted Answer · 2017-05-23 12:28:01Z

3

You can not use document.write after the page load. It replaces the content. If you are trying to see what is in it, use console.log(jobj);

Second, if you plan on using this code with IE, you can't set the tables innerHTML.

Third, do not use eval() to convert JSON. Use JSON.parse()

edited May 23, 2017 at 12:28

CommunityBot

11 silver badge

answered Sep 11, 2013 at 12:30

epascarello

208k20 gold badges206 silver badges246 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Mayur Gupta Over a year ago

i am a basic programmer.... and i will keep all these point sin my ming from now ... these are dam helpful ...

Felix Kling · Accepted Answer · 2013-09-11 12:29:09Z

2

document.write(mayur) replaces the whole document (including the table) with the value of mayur, because you are calling it after the document was loaded. At the moment you are trying to access the element with ID table1, it does not exist anymore.

Solution: Don't use document.write.

More info: MDN - document.wite

answered Sep 11, 2013 at 12:29

Felix Kling

820k181 gold badges1.1k silver badges1.2k bronze badges

Collectives™ on Stack Overflow

java script unable to find the element

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related