在javascript中访问HTML表值

Question

我正在使用带有phonegap的HTML5。我的表格定义如下。

<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>    

我想从javascript将值设置为“name”，“age”和“country”。我尝试了如下。

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

但这并没有给我所需的输出。怎么办？谢谢。

Answer 1

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

Answer 2

使用document.getElementById('name').innerHTML = 'John';

SEE DEMO

Answer 3

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

Answer 4

您可以设置innerHTML以在元素中设置html。

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