前端目前来说比较火爆，有些小伙伴也在学习关于前端的一些知识，比如javascript，今天，小编我就来给大家科普一下js中怎样获取table中单元格td的内容。想要学习的小伙伴们可以认真看哟！
工具/原料
电脑
方法/步骤
1
首先我们先新建一个html文件，如图，蓝色框里面的内容，相信对于学习html的小伙伴来说不是难事。
2
建好之后，建立一个表格table ，边框为1。
3
然后建立一行tr,如图所示，小伙伴们可以根据自己的喜好，在这里，小编为了更好的给大家讲解所以只建立一行。
4
然后建立两个单元格，里面写上自己的内容。
5
这里，再添加一个按钮，待会用来绑定一个鼠标事件。
6
做好之后，预览一下，效果如图所示。
7
然后插入脚本，在这里，最好把脚本放在body后面，如果放在前面，会因为脚本运行时页面没有加载完，而无法获取表格数据。
8
然后定义一个变量，用来存储要获取的单元格的内容。
9
如图后面的代码就是获取单元格内容的方法。
10
接着给按钮绑定一个事件。
11
document代表的是当前这个页面，getElementsByTagName获取的是标签对，rows代表行，cells代表列，innerHTML代表的是指定元素的内容。整句代码表示的就是“在当前这个页面第一个标签为table的第一行第一列的内容”。而当前页面的第一个标签table就是我们建立的表格，所以就会获取到table->tr->td->innerHTML。
12
当点击按钮之后，就会弹出一个警告窗口，获取到第一行第一列单元格的内容。
注意事项
1
类似这种问题还是比较多，小伙伴们可以多练习
2
喜欢更多经验可以关注小编，谢谢！
上一篇：如何快速计算？
下一篇：HTML5基础操作互动大师