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>