Get HTML table td, tr or th inner content value with id or name attribute


Here is how we can get the value from a table element like td, th or tr having id or name attribute,

<table>
<tr>
<td id="td_tag">Test</td>
</tr>
</table>

For the above td tag we can get the inner content by,

document.getElementById("td_tag").innerText;

document.getElementById("td_tag").textContent;

Example:

<html>
<head>
</head>
<body>
	<table>
	<tr>
	<td onClick="getTableInnerConent();" id="td_tag">This is some text!</td>
	</tr>
	</table>
</body>
<script>
function getTableInnerConent() {
	alert(document.getElementById("td_tag").innerText);
	alert(document.getElementById("td_tag").textContent);
}

</script>
</html>





Recent Posts:
Code2care is an initiative to publish and share varied knowledge in programming and technical areas gathered during day-to-day learnings and development activities.

Students and Software Developers can leverage this portal to find solutions to their various queries without re-inventing the wheel by referring to our easy to understand posts. Technical posts might include Learnings, Video Tutorials, Code Snippets, How Tos, Blogs, Articles, etc.