JS获取表格内指定单元格html内容的方法


Posted in Javascript onMarch 31, 2015

本文实例讲述了JS获取表格内指定单元格html内容的方法。分享给大家供大家参考。具体如下:

下面的代码先通过表格对象的rows获得指定的行的所有单元格数组,然后定位指定的单元格,通过单元格的innerHTML属性获得单元格的html内容

<!DOCTYPE html>
<html>
<head>
<script>
function cell()
{
var x=document.getElementById('myTable').rows[0].cells;
alert(x[0].innerHTML);
}
</script>
</head>
<body>
<table id="myTable" border="1">
<tr>
<td>cell 1</td>
<td>cell 2</td>
</tr>
<tr>
<td>cell 3</td>
<td>cell 4</td>
</tr>
</table>
<br>
<input type="button" onclick="cell()"
value="Alert first cell">
</body>
</html>

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
JavaScript setTimeout和setInterval的使用方法 说明
Mar 25 Javascript
JSCode all of Brower 全局屏蔽网页右键功能 具体实现
Jun 05 Javascript
jquery获取radio值实例
Oct 16 Javascript
JavaScript设置获取和设置属性的方法
Mar 04 Javascript
JS实现的另类手风琴效果网页内容切换代码
Sep 08 Javascript
基于JavaScript如何实现私有成员的语法特征及私有成员的实现方式
Oct 28 Javascript
jquery实现简单的遮罩层
Jan 08 Javascript
原生JS实现网络彩票投注效果
Sep 25 Javascript
JS实现简单拖拽效果
Jun 21 Javascript
vue项目使用微信公众号支付总结及遇到的坑
Oct 23 Javascript
详解vue中this.$emit()的返回值是什么
Apr 07 Javascript
no-vnc和node.js实现web远程桌面的完整步骤
Aug 11 Javascript
JS实现为表格动态添加标题的方法
Mar 31 #Javascript
JS实现从表格中动态删除指定行的方法
Mar 31 #Javascript
jQuery选择器源码解读(三):tokenize方法
Mar 31 #Javascript
javascript制作游戏开发碰撞检测的封装代码
Mar 31 #Javascript
jQuery选择器源码解读(二):select方法
Mar 31 #Javascript
jQuery选择器源码解读(一):Sizzle方法
Mar 31 #Javascript
JavaScript中创建字典对象(dictionary)实例
Mar 31 #Javascript
You might like
PHP中static关键字原理的学习研究分析
2011/07/18 PHP
php echo, print, print_r, sprintf, var_dump, var_expor的使用区别
2013/06/20 PHP
PHP+MySQL之Insert Into数据插入用法分析
2015/09/27 PHP
PHP的中使用非缓冲模式查询数据库的方法
2017/02/05 PHP
php post换行的方法
2020/02/03 PHP
将HTMLCollection/NodeList/伪数组转换成数组的实现方法
2011/06/20 Javascript
js的alert样式如何更改如背景颜色
2014/01/22 Javascript
自己封装的常用javascript函数分享
2015/01/07 Javascript
JavaScript使用push方法添加一个元素到数组末尾用法实例
2015/04/06 Javascript
javascript关于open.window子页面执行完成后刷新父页面的问题分析
2015/04/27 Javascript
简单了解Backbone.js的Model模型以及View视图的源码
2016/02/14 Javascript
Bootstrap响应式侧边栏改进版
2016/09/17 Javascript
基于nodejs实现微信支付功能
2017/12/20 NodeJs
vue2 mint-ui loadmore实现下拉刷新,上拉更多功能
2018/03/21 Javascript
nodejs同步调用获取mysql数据时遇到的大坑
2019/03/02 NodeJs
详解实现一个通用的“划词高亮”在线笔记功能
2019/04/23 Javascript
vue项目添加多页面配置的步骤详解
2019/05/22 Javascript
微信小程序实现打卡签到页面
2020/09/21 Javascript
[05:15]2018年度CS GO社区贡献奖-完美盛典
2018/12/16 DOTA
10款最好的Web开发的 Python 框架
2015/03/18 Python
实例讲解Python中函数的调用与定义
2016/03/14 Python
带你了解python装饰器
2017/06/15 Python
tensorflow实现softma识别MNIST
2018/03/12 Python
Pycharm创建python文件自动添加日期作者等信息(步骤详解)
2021/02/03 Python
HTML5中的nav标签学习笔记
2016/06/24 HTML / CSS
施华洛世奇中国官网:SWAROVSKI中国
2020/06/16 全球购物
测控技术自荐信
2014/06/05 职场文书
标准毕业生自荐信
2014/06/24 职场文书
廉政教育的心得体会
2014/09/01 职场文书
学校副校长四风对照检查材料整改措施
2014/09/25 职场文书
2015年乡镇信访工作总结
2015/04/07 职场文书
葬礼主持词
2015/07/02 职场文书
中学教代会开幕词
2016/03/04 职场文书
MySQL时间设置注意事项的深入总结
2021/05/06 MySQL
python实现简易自习室座位预约系统
2021/06/30 Python
使用MybatisPlus打印sql语句
2022/04/22 SQL Server