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库 开发规则
Jan 31 Javascript
JavaScript Array Flatten 与递归使用介绍
Oct 30 Javascript
基于jQuery仿淘宝产品图片放大镜代码分享
Jun 23 Javascript
BootStrap的table表头固定tbody滚动的实例代码
Aug 24 Javascript
JS动态给对象添加属性和值的实现方法
Oct 21 Javascript
浅谈js中的变量名和函数名重名
Feb 13 Javascript
Bootstrap标签页(Tab)插件使用方法
Mar 21 Javascript
VueJS如何引入css或者less文件的一些坑
Apr 25 Javascript
以v-model与promise两种方式实现vue弹窗组件
May 21 Javascript
浅析JavaScript异步代码优化
Mar 18 Javascript
Vue实现点击显示不同图片的效果
Aug 10 Javascript
Vue.js 带下拉选项的输入框(Textbox with Dropdown)组件
Apr 17 Vue.js
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
windows平台中配置nginx+php环境
2015/12/06 PHP
php生成二维码图片方法汇总
2016/12/17 PHP
JQuery 表格操作(交替显示、拖动表格行、选择行等)
2009/07/29 Javascript
限制文本框输入N个字符的js代码
2010/05/13 Javascript
jQuery的.live()和.die() 使用介绍
2011/09/10 Javascript
Notify - 基于jquery的消息通知插件
2011/10/18 Javascript
jQuery操作表格(table)的常用方法、技巧汇总
2014/04/12 Javascript
JavaScript内存管理介绍
2015/03/13 Javascript
JavaScript中的原型prototype属性使用详解
2015/06/05 Javascript
Javascript数组循环遍历之forEach详解
2016/11/07 Javascript
canvas绘制多边形
2017/02/24 Javascript
nodejs连接mysql数据库简单封装示例-mysql模块
2017/04/10 NodeJs
AngularJS实现的JSONP跨域访问数据传输功能详解
2017/07/20 Javascript
React-Native做一个文本输入框组件的实现代码
2017/08/10 Javascript
Vue路由切换时的左滑和右滑效果示例
2018/05/29 Javascript
vue轻量级框架无法获取到vue对象解决方法
2019/05/12 Javascript
package.json各个属性说明详解
2020/03/11 Javascript
js仿京东放大镜效果
2020/08/09 Javascript
[55:44]完美世界DOTA2联赛决赛 FTD vs Phoenix 第二场 11.08
2020/11/11 DOTA
python计算最小优先级队列代码分享
2013/12/18 Python
Python常用特殊方法实例总结
2019/03/22 Python
PyQt5根据控件Id获取控件对象的方法
2019/06/25 Python
Python matplotlib学习笔记之坐标轴范围
2019/06/28 Python
在pytorch中查看可训练参数的例子
2019/08/18 Python
使用CSS3的appearance属性改变元素的外观的方法
2015/12/12 HTML / CSS
Kipling凯浦林美国官网:世界著名时尚休闲包袋品牌
2016/08/24 全球购物
澳大利亚宠物商店:Petbarn
2017/11/18 全球购物
计算机专业毕业生的自我评价
2013/11/18 职场文书
大学毕业生文采飞扬的自我鉴定
2013/12/03 职场文书
新春文艺演出主持词
2014/03/27 职场文书
求职个人评价范文
2014/04/09 职场文书
学习计划书怎么写
2014/09/15 职场文书
农民工工资承诺书大全
2015/05/04 职场文书
辞职信格式范文
2015/05/13 职场文书
拙作再改《我的收音机情缘》
2022/04/05 无线电
MySQL 条件查询的常用操作
2022/04/28 MySQL