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 锁定弹出层实现代码
Feb 23 Javascript
ExtJs GridPanel简单的增删改实现代码
Aug 26 Javascript
妙用Jquery的val()方法
Jun 27 Javascript
5秒后跳转效果(setInterval/SetTimeOut)
May 03 Javascript
javascript获得网页窗口实际大小的示例代码
Sep 21 Javascript
JQuery select(下拉框)操作方法汇总
Apr 15 Javascript
详解Node.js模块间共享数据库连接的方法
May 24 Javascript
详解js数组的完全随机排列算法
Dec 16 Javascript
Vue使用.sync 实现父子组件的双向绑定数据问题
Apr 04 Javascript
vue源码中的检测方法的实现
Sep 26 Javascript
JavaScript实现打砖块游戏
Feb 25 Javascript
JavaScript实现Tab标签页切换的最简便方式(4种)
Jun 28 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导出excel格式数据问题
2014/03/11 PHP
php求正负数数组中连续元素最大值示例
2014/04/11 PHP
thinkphp模板赋值与替换实例简述
2014/11/24 PHP
php自定义截取中文字符串-utf8版
2017/02/27 PHP
Javascript Object.extend
2010/05/18 Javascript
JavaScript的事件绑定(方便不支持js的时候)
2013/10/01 Javascript
js识别不同浏览器基于userAgent做判断
2014/07/29 Javascript
jQuery自动完成插件completer附源码下载
2016/01/04 Javascript
详解前后端分离之VueJS前端
2017/05/24 Javascript
angularjs下拉框空白的解决办法
2017/06/20 Javascript
vue里面使用mui的弹出日期选择插件实例
2018/09/16 Javascript
详解@Vue/Cli 3 Invalid Host header 错误解决办法
2019/01/02 Javascript
Vue组件的使用及个人理解与介绍
2019/02/09 Javascript
Nuxt项目支持eslint+pritter+typescript的实现
2019/05/20 Javascript
解决vue-router 二级导航默认选中某一选项的问题
2019/11/01 Javascript
webpack的 rquire.context用法实现工程自动化的方法
2020/02/07 Javascript
js实现从右往左匀速显示图片(无缝轮播)
2020/06/29 Javascript
Vue实现鼠标经过文字显示悬浮框效果的示例代码
2020/10/14 Javascript
vant-ui框架的一个bug(解决切换后onload不触发)
2020/11/11 Javascript
element-ui封装一个Table模板组件的示例
2021/01/04 Javascript
解决vue项目本地启动时无法携带cookie的问题
2021/02/06 Vue.js
[02:23]DOTA2英雄基础教程 幻影长矛手
2013/12/09 DOTA
利用python画出折线图
2018/07/26 Python
pandas去重复行并分类汇总的实现方法
2019/01/29 Python
Python学习笔记之While循环用法分析
2019/08/14 Python
tensorflow estimator 使用hook实现finetune方式
2020/01/21 Python
django中url映射规则和服务端响应顺序的实现
2020/04/02 Python
苹果Mac升级:MacSales.com
2017/11/20 全球购物
Prototype如何实现页面局部定时刷新
2013/08/06 面试题
JAVA中运算符的分类及举例
2015/09/12 面试题
《小白兔和小灰兔》教学反思
2014/02/18 职场文书
2014年质检员工作总结
2014/11/18 职场文书
OpenCV实现反阈值二值化
2021/11/17 Java/Android
MySQL时区造成时差问题
2022/04/13 MySQL
Ruby序列化和持久化存储 Marshal和Pstore介绍
2022/04/18 Ruby
解决Springboot PostMapping无法获取数据的问题
2022/05/06 Java/Android