Question

I am using HTML5 with phonegap. I have a table defined as follows.

<table id = "myTable">
   <tr><td>Name</td><td class="center">:</td><td><div id="name"></div> </td></tr>
   <tr><td>Age</td><td class="center">:</td><td><div id="age"></div> </td></tr>
   <tr><td>Country</td><td class="center">:</td><td><div id="country"></div> </td></tr>
</table>    

I want to set values to “name”, “age”, and “country” from javascript. I tried it as follows.

document.getElementById('name') = 'John'

But this doesn’t give me the required output. How can that be done? Thank you.

Answer 1

Use document.getElementById('name').innerHTML = 'John';

SEE DEMO