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 判断浏览器类型 去全角、半角空格 自动关闭当前窗口
Apr 10 Javascript
JavaScript和ActionScript的交互实现代码
Aug 01 Javascript
原生javascript获取元素样式属性值的方法
Dec 25 Javascript
jQuery的初始化与对象构建之浅析
Apr 12 Javascript
BootStrap.css 在手机端滑动时右侧出现空白的原因及解决办法
Jun 07 Javascript
Bootstrap的fileinput插件实现多文件上传的方法
Sep 05 Javascript
Angular的自定义指令以及实例
Dec 26 Javascript
vue2.0结合Element实现select动态控制input禁用实例
May 12 Javascript
Angular利用trackBy提升性能的方法
Jan 26 Javascript
vue之浏览器存储方法封装实例
Mar 15 Javascript
全网小程序接口请求封装实例代码
Nov 06 Javascript
详解TypeScript中的类型保护
Apr 29 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
农民和部队如何穿矿
2020/03/04 星际争霸
php中如何防止表单的重复提交
2013/08/02 PHP
PHP常用处理静态操作类
2015/04/03 PHP
php使用MySQL保存session会话的方法
2015/06/26 PHP
php实现的简易扫雷游戏实例
2015/07/09 PHP
CodeIgniter辅助之第三方类库third_party用法分析
2016/01/20 PHP
php基于curl实现的股票信息查询类实例
2016/11/11 PHP
浅析PHP中的闭包和匿名函数
2017/12/25 PHP
Laravel 在views中加载公共页面的实现代码
2019/10/22 PHP
jQuery隔行变色与普通JS写法的对比
2013/04/21 Javascript
可自己添加html的伪弹出框实现代码
2013/09/08 Javascript
使用js如何实现全选与全不选
2013/12/30 Javascript
深入理解JavaScript系列(31):设计模式之代理模式详解
2015/03/03 Javascript
Javascript代码实现仿实例化类
2015/04/03 Javascript
js实现简单div拖拽功能实例
2015/05/12 Javascript
Angularjs中UI Router全攻略
2016/01/29 Javascript
最简单的tab切换实例代码
2016/05/13 Javascript
Bootstrap打造一个左侧折叠菜单的系统模板(二)
2016/05/17 Javascript
原生js编写2048小游戏
2017/03/17 Javascript
React router动态加载组件之适配器模式的应用详解
2018/09/12 Javascript
微信小程序 扭蛋抽奖机css3动画实现详解
2019/07/19 Javascript
JavaScript如何借用构造函数继承
2019/11/06 Javascript
node.js Promise对象的使用方法实例分析
2019/12/26 Javascript
利用Django框架中select_related和prefetch_related函数对数据库查询优化
2015/04/01 Python
python去除所有html标签的方法
2015/05/05 Python
python 回调函数和回调方法的实现分析
2016/03/23 Python
Python3.7实现中控考勤机自动连接
2018/08/28 Python
python代码区分大小写吗
2020/06/17 Python
python如何变换环境
2020/07/21 Python
Python在后台自动解压各种压缩文件的实现方法
2020/11/10 Python
移动端HTML5 input常见问题(小结)
2020/09/28 HTML / CSS
Coach澳大利亚官方网站:美国著名时尚奢侈品牌
2017/05/24 全球购物
娇韵诗俄罗斯官方网站:Clarins俄罗斯
2020/10/03 全球购物
承德避暑山庄导游词
2015/02/03 职场文书
2016年12月份红领巾广播稿
2015/12/21 职场文书
导游词之安徽巢湖
2019/12/26 职场文书