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 相关文章推荐
js 加载时自动调整图片大小
May 28 Javascript
JS 分号引起的一段调试问题
Jun 18 Javascript
Jquery加载时从后台读取数据绑定到dropdownList实例
Jun 09 Javascript
JS父页面与子页面相互传值方法
Mar 05 Javascript
Javascript 高阶函数使用介绍
Jun 15 Javascript
jQuery菜单插件用法实例
Jul 25 Javascript
JS回调函数简单用法示例
Feb 09 Javascript
JavaScript实现的拼图算法分析
Feb 13 Javascript
javascript实现简易聊天室
Jul 12 Javascript
vue更改数组中的值实例代码详解
Feb 07 Javascript
单线程JavaScript实现异步过程详解
May 19 Javascript
VUE子组件向父组件传值详解(含传多值及添加额外参数场景)
Sep 01 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学习笔记之 函数声明
2011/06/09 PHP
PHP 类相关函数的使用详解
2013/05/10 PHP
PHP return语句的另一个作用
2014/07/30 PHP
php+mysqli数据库连接的两种方式
2015/01/28 PHP
PHP 将dataurl转成图片image方法总结
2016/10/14 PHP
php大小写转换函数(strtolower、strtoupper)用法介绍
2017/11/17 PHP
自适应图片大小的弹出窗口
2006/07/27 Javascript
Ajax 数据请求的简单分析
2011/04/05 Javascript
JQuery为textarea添加maxlength属性并且兼容IE
2013/04/25 Javascript
jquery的选择器的使用技巧之如何选择input框
2013/09/22 Javascript
JQuery实现的按钮倒计时效果
2015/12/23 Javascript
Vue.js组件通信的几种姿势
2017/10/23 Javascript
Node.js 利用cheerio制作简单的网页爬虫示例
2018/03/01 Javascript
javascript将扁平的数据转为树形结构的高效率算法
2020/02/27 Javascript
mpvue实现微信小程序快递单号查询代码
2020/04/03 Javascript
JavaScript实现烟花绽放动画效果
2020/08/04 Javascript
Python程序中使用SQLAlchemy时出现乱码的解决方案
2015/04/24 Python
深入讲解Java编程中类的生命周期
2016/02/05 Python
python django事务transaction源码分析详解
2017/03/17 Python
python爬虫的一个常见简单js反爬详解
2019/07/09 Python
python cv2读取rtsp实时码流按时生成连续视频文件方式
2019/12/25 Python
python 实现线程之间的通信示例
2020/02/14 Python
Windows+Anaconda3+PyTorch+PyCharm的安装教程图文详解
2020/04/03 Python
在python中使用nohup命令说明
2020/04/16 Python
用python监控服务器的cpu,磁盘空间,内存,超过邮件报警
2021/01/29 Python
CSS3 选择器 属性选择器介绍
2012/01/21 HTML / CSS
做一个能自适应高度的textarea的示例代码
2019/09/06 HTML / CSS
ALDO加拿大官网:加拿大女鞋品牌
2018/12/22 全球购物
车辆转让协议书
2014/04/15 职场文书
运动会400米加油稿(8篇)
2014/09/22 职场文书
从严治党主题教育活动总结
2015/05/07 职场文书
预备党员入党感想
2015/08/10 职场文书
2016年学习贯彻十八届五中全会精神心得体会
2016/01/05 职场文书
Java基础-封装和继承
2021/07/02 Java/Android
SQL Server数据库查询出现阻塞之性能调优
2022/04/10 SQL Server