Accessing HTML table values in javascript

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.

Ahsan Khurshid · Accepted Answer · 2012-07-31 06:57:55Z

3

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

SEE DEMO

answered Jul 31, 2012 at 6:57

Ahsan Khurshid

9,4671 gold badge35 silver badges53 bronze badges

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

Comments

Dr. Dan · Accepted Answer · 2012-07-31 06:52:41Z

3

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

answered Jul 31, 2012 at 6:52

Dr. Dan

2,28816 silver badges19 bronze badges

2 Comments

Nhu Trinh Over a year ago

a div does not have value attribute

Ahsan Khurshid Over a year ago

@Dr. Dan: You've edited your answer and replaced value with innerHTML

Eric Lin · Accepted Answer · 2012-07-31 06:57:17Z

1

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

answered Jul 31, 2012 at 6:57

Eric Lin

111 bronze badge

Comments

Dr. Dan · Accepted Answer · 2012-07-31 07:06:49Z

1

You can set innerHTML to set html inside an element.

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

answered Jul 31, 2012 at 7:06

Dr. Dan

2,28816 silver badges19 bronze badges

Collectives™ on Stack Overflow

Accessing HTML table values in javascript

4 Answers 4

Comments

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related