JavaScript, getting value of a td with id name

user_170365 0
Viewed 305643

Originally I was using input with an id and grabbing it's value with getElementById. Currently, I'm playing with <td>s. How can I grab the values of the <td>?

Originally I used:

<input id="hello">
document.getElementById("hello").value;

Now I want to get value of <td>, but I don't know how;

<td id="test">Chicken</td>
<td>Cow</td>

Edit: What's the difference between textContent, innerHTML, and innerText?

javascript
8 Answers

To get the text content

document.getElementById ( "tdid" ).innerText

or

document.getElementById ( "tdid" ).textContent

var tdElem = document.getElementById ( "tdid" );
var tdText = tdElem.innerText | tdElem.textContent;

If you can use jQuery then you can use 

$("#tdid").text();

To get the HTML content

var tdElem = document.getElementById ( "tdid" );
var tdText = tdElem.innerHTML;

in jQuery

$("#tdid").html();
user_477380

use the

innerHTML

property and access the td using getElementById() as always.

user_1876060

Again with getElementById, but instead .value, use .innerText

<td id="test">Chicken</td>
document.getElementById('test').innerText; //the value of this will be 'Chicken'
user_2661590

If by 'td value' you mean text inside of td, then:

document.getElementById('td-id').innerHTML
user_2729750

For input you must have used value to grab its text but for td, you should use innerHTML to get its html/value. Example:

alert(document.getElementById("td_id_here").innerHTML);

To get its text though, use:

alert(document.getElementById("td_id_here").innerText);
user_1394590

Have you tried: getElementbyId('ID_OF_ID').innerHTML?

user_2559050
Related