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>
Advertisements
Try Out Code2care Dev Tools:

Advertisements



#Android #Java #Linux #Microsoft #Google #Python #MacOS #Notepad++ #Microsoft Teams #CSS #PHP #SharePoint #Html #Linux #C-Program #Bootstrap #jQuery #Sublime #Android-Studio #Facebook #Eclipse #WhatsApp #News #MySQL #Json #HowTos #JavaScript #FTP #S3


Advertisements


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, Tutorials, Trouble-Shooting steps, Video Tutorials, Code Snippets, How Tos, Blogs, Articles, etc.
🎉 We are celebrating the 10th years of Code2care! Thank you for all your support! We hope we made a difference.
We strong support Gender Equality & Diversity.

We stand in solidarity with Ukraine - Make a donation to UNHCR - https://donate.unhcr.org/in/en-in/ukraine-emergency