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 相关文章推荐
文本加密解密
Jun 23 Javascript
Javascript公共脚本库系列(一): 弹出层脚本
Feb 24 Javascript
JavaScript中创建字典对象(dictionary)实例
Mar 31 Javascript
js实现跨域的几种方法汇总(图片ping、JSONP和CORS)
Oct 25 Javascript
javascript淘宝主图放大镜功能
Oct 20 Javascript
简单实现js浮动框
Dec 13 Javascript
Node.js之网络通讯模块实现浅析
Apr 01 Javascript
简述JS控制台的使用
Jul 15 Javascript
JavaScript多态与封装实例分析
Jul 27 Javascript
element-ui 上传图片后清空图片显示的实例
Sep 04 Javascript
vue中实现高德定位功能
Dec 03 Javascript
javascript设计模式之迭代器模式
Jan 30 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实现mysql数据库备份类
2008/03/20 PHP
php 生成自动创建文件夹并上传文件的示例代码
2014/03/07 PHP
使用PHP生成图片的缩略图的方法
2015/08/18 PHP
善用事件代理,警惕闭包的性能陷阱。
2011/01/20 Javascript
原生js实现淘宝首页点击按钮缓慢回到顶部效果
2014/04/06 Javascript
JavaScript表格常用操作方法汇总
2015/04/15 Javascript
js计算文本框输入的字符数
2015/10/23 Javascript
Javascript的表单验证-揭开正则表达式的面纱
2016/03/18 Javascript
Angular 根据 service 的状态更新 directive
2016/04/03 Javascript
浅析jquery与checkbox的checked属性的问题
2016/04/27 Javascript
jQuery常见的选择器及用法介绍
2016/12/20 Javascript
ES6学习笔记之Set和Map数据结构详解
2017/04/07 Javascript
微信小程序 本地数据存储实例详解
2017/04/13 Javascript
jQuery封装placeholder效果实现方法,让低版本浏览器支持该效果
2017/07/08 jQuery
VUE实现一个分页组件的示例
2017/09/13 Javascript
echarts学习笔记之箱线图的分析与绘制详解
2017/11/22 Javascript
Vue Prop属性功能与用法实例详解
2019/02/23 Javascript
vue select 获取value和lable操作
2020/08/28 Javascript
[01:14]2014DOTA2展望TI 剑指西雅图newbee战队专访
2014/06/30 DOTA
Python合并字符串的3种方法
2015/05/21 Python
Python命令行解析模块详解
2018/02/01 Python
python的pytest框架之命令行参数详解(下)
2019/06/27 Python
python创建学生管理系统
2019/11/22 Python
佳能英国官方网站:Canon UK
2017/08/08 全球购物
怎样有效的进行自我评价
2013/10/06 职场文书
英语专业大学生求职简历的自我评价
2013/10/18 职场文书
报社实习生自荐信
2014/01/24 职场文书
仓库主管岗位职责
2014/03/02 职场文书
整顿机关作风心得体会
2014/09/10 职场文书
学习焦裕禄同志为人民服务思想汇报
2014/09/10 职场文书
企业务虚会发言材料
2014/10/20 职场文书
英文感谢信范文
2015/01/21 职场文书
办公室主任岗位职责范本
2015/03/31 职场文书
2019年警察入党转正申请书最新范文
2019/09/03 职场文书
读《儒林外史》有感:少一些功利,多一些真诚
2020/01/19 职场文书
python pygame入门教程
2021/06/01 Python