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 相关文章推荐
基于jQuery的判断iPad、iPhone、Android是横屏还是竖屏的代码
May 11 Javascript
JavaScript闭包函数访问外部变量的方法
Aug 27 Javascript
jQuery实现仿腾讯迷你首页选项卡效果代码
Sep 17 Javascript
JS实现的最简Table选项卡效果
Oct 14 Javascript
javascript学习小结之prototype
Dec 03 Javascript
延时加载JavaScript代码提高速度
Dec 27 Javascript
AngularJS仿苹果滑屏删除控件
Jan 18 Javascript
js随机生成26个大小写字母
Feb 12 Javascript
基于bootstrap实现广告轮播带图片和文字效果
Jul 22 Javascript
微信小程序 自己制作小组件实例详解
Dec 22 Javascript
JavaScript原生节点操作小结
Jan 17 Javascript
在小程序中使用canvas的方法示例
Sep 17 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开发负载均衡指南
2010/07/17 PHP
PHP高级对象构建 工厂模式的使用
2012/02/05 PHP
基于php实现的php代码加密解密类完整实例
2016/10/12 PHP
Yii 访问 Gii(脚手架)时出现 403 错误
2018/06/06 PHP
PHP实现网站应用微信登录功能详解
2019/04/11 PHP
另类调用flash无须激活的方法
2006/12/27 Javascript
javascript 模拟点击广告
2010/01/02 Javascript
判断用户的在线状态 onbeforeunload事件
2011/03/05 Javascript
iframe 上下滚动条如何默认在下方实现原理
2012/12/10 Javascript
带左右箭头图片轮播的JS代码
2013/12/18 Javascript
JavaScript中Number.NEGATIVE_INFINITY值的使用详解
2015/06/05 Javascript
jQuery实时显示鼠标指针位置和键盘ASCII码
2016/03/28 Javascript
jQuery内容筛选选择器实例代码
2017/02/06 Javascript
js 数字、字符串、布尔值的转换方法(必看)
2017/04/07 Javascript
bootstrap警告框示例代码分享
2017/05/17 Javascript
解决React Native端口号修改的方法
2017/07/28 Javascript
详解基于 axios 的 Vue 项目 http 请求优化
2017/09/04 Javascript
Vue 重置组件到初始状态的方法示例
2018/10/10 Javascript
JavaScript实现的级联算法示例【省市二级联动功能】
2018/12/25 Javascript
了解JavaScript函数中的默认参数
2019/05/30 Javascript
JS实现横向轮播图(中级版)
2020/01/18 Javascript
基于jQuery拖拽事件的封装
2020/11/29 jQuery
[49:28]VP vs Optic 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
python实现html转ubb代码(html2ubb)
2014/07/03 Python
利用Python读取文件的四种不同方法比对
2017/05/18 Python
python函数式编程学习之yield表达式形式详解
2018/03/25 Python
python实现n个数中选出m个数的方法
2018/11/13 Python
python实现屏保程序(适用于背单词)
2019/07/30 Python
python实现从ftp服务器下载文件
2020/03/03 Python
Python新手学习标准库模块命名
2020/05/29 Python
css3实现背景动态渐变效果
2019/12/10 HTML / CSS
印度排名第一的蛋糕、鲜花和礼品送货:Winni
2019/08/02 全球购物
党支部创先争优活动总结
2014/08/28 职场文书
关于调整工作时间的通知
2015/04/24 职场文书
施工现场安全管理制度
2015/08/05 职场文书
C#连接ORACLE出现乱码问题的解决方法
2021/10/05 Oracle