用Html构建3*3的Table,一个服务器控件TextBox,用于接收获取的Table值,一个Button,触发获取值的事件。
详见代码:
<html>
<head>
<title>演示获取Table的值</title>
<script type ="text/javascript">
// Description: 演示用JavaScript,获取Table中指定行、列元素值
// Notes: 采用简单的Table,并结合TextBox获取之
function GetTable23()
{
var txt=document.getElementById ("txtReceiver");
//第一种:用标记id的td元素,获取值方法
txt .value=document.getElementById ("23").innerHTML ;
//第二种:用获取Table(通过其id),指定获取的行、列
var valueTd=document.getElementById ("tbl").rows [1].cells[2];
txt.value=valueTd.innerHTML ;
}
</script>
</head>
<body>
<form id="form1">
<div>
<table style="width: 100%;" id ="tbl">
<tr>
<td>
11
</td>
<td>
12
</td>
<td>
13
</td>
</tr>
<tr>
<td>
21
</td>
<td>
22
</td>
<td id ="23">
23
</td>
</tr>
<tr>
<td>
31
</td>
<td>
32
</td>
<td>
33
</td>
</tr>
</table>
<input type="text" id="txtReceiver" />
<input id="btnSubmit" type="button" value="获取" onclick ="GetTable23()"; />
</div>
</form>
</body>
</html>
其调试结果为:
见附件效果图.
可见我们如期获得了第二行、第三列的值。
综述之,对JavaScript的不断深化学习,是必要而迫切的。在现有资料和网络的帮助下,争取尽早实现对其的深层理解,以及应用。
- 大小: 6.7 KB
分享到:
相关推荐
使用javascript来获取table中某个td的值,这样可以动态设置td的属性
table的border属性用来指定边框宽度,table特有的frame属性是用来设置或获取表格周围的边框显示的方式。 w3c的tabel的frame部分说明frame可以是以下值: void: No sides. This is the default value. above: The ...
16.3.html 使用JavaScript获取指定文件并列出其内容。 16.4.html 在JavaScript中使用FileSystemObject操作本地文件的方法。 第18章(\c18) 示例描述:学习XMLHttpRequest对象。 18.1.html 使用Ajax...
9.9 JavaScript遍历table的行和列 9.10 表格按回车自动生成新行 9.11 单击单元格背景变色 9.12 单击表格某行后其他行隐藏 9.13 单击表头实现表格排序 9.14 单击单元格显示行的详细信息 9.15 表格设置为“100%”时...
9.9 JavaScript遍历table的行和列 9.10 表格按回车自动生成新行 9.11 单击单元格背景变色 9.12 单击表格某行后其他行隐藏 9.13 单击表头实现表格排序 9.14 单击单元格显示行的详细信息 9.15 表格设置为“100%”时...
RowspanTooljs实现table行合并组件 支持多列、多维、不规则列顺序、指定起始行默认配置tbody:'tbody',//表jq选择器tr:'tr',//行jq选择器td:'td',//单元格jq选择器startRow:0,//起始行(0则自动获取) 起始值:1endRow:0...
bootStrap table获取数据有两种方式,一是通过table 的data-url属性指定数据源,二是通过JavaScript初始化表格时指定url来获取数据 [xhtml] view plain copy <table data-toggle="table"> <thead> ... ...
实现简单的动态表格的一些操作,即在表格中添加行和列,并在行和列中添加相关内容, 运用下标来获取指定下标行和列.
scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离scrollWidth:获取对象的滚动宽度offsetHeight:获取对象相对于...
1.7 学习和使用JavaScript的几点建议 1.8 关于本书的其余部分 第2章 浏览器中的JavaScript 2.1 嵌入网页的可执行内容 2.2 赏心悦目的特效 2.3 使用JavaScript来与用户交互 2.4 绕开脚本陷阱 ...
强调:如果正则表达式使用了^和$,必须完整匹配才行。反之则部分匹配 20.Date对象:(计算方法:先get,再计算,最后set回去) |--1.每个分量上都有一对get/set方法 |--2.命名:get|set年月日,单数;get|set...
//获取单元格元素接口(第一个参数指定第几个表格,第二个参数指定第几行,第三个参数指定第几个单元格) CString GetTableCellText(int i,int row, int j);//获取单元格文本(第一个参数指定第几个表格,第二个参数...
57.如何使用Table控件组织页面的内容 58.如何实现DropDownList控件选项的添加、删除等操作 59.如何实现间接改变DropDownList控件的当前选项 60.如何实现两个或多个DropDownList控件的联动 61.如何实现ListBox...
如何使用Table控件组织页面的内容 58.如何实现DropDownList控件选项的添加、删除等操作 59.如何实现间接改变DropDownList控件的当前选项 60.如何实现两个或多个DropDownList控件的联动 61.如何实现...
在Asp.net中如何用SQLDMO来获取SQL Server中的对象信息 使用Relations建立表之间的关系并却使用PagedDataSource类对DataList进行分页 通过作业,定时同步两个数据库 SQLSERVER高级注入技巧 利用反射实现ASP.NET控件和...
1.本书1~16章所附代码的运行环境 ...程序描述:本章将仿照Google Suggest,使用Ajax技术实现动态获取搜索提示的功能。当输入搜索关键字时,自动向服务器发送请求,查询相关的关键字,并及时提示用户可输入的关键字。 ...
mirea_table_bot.users.json用户(请参阅文件本身中的示例) mirea_table_bot.fixes.json修复原始计划文件中的拼写错误(请参阅文件本身中的示例) 该配置指定: 链接到计划页面(而不是.xlsx文件本身的URL ) 学期...
Qlik Sense Extension可快速将数据模型表的所有字段放入标准Qlik Sense Table对象中。 影片说明: : 新的2021年3月16日:您可以选择打开/关闭表格所有列的显示条件。 条件是检查字段(静态)是否在数据模型中。 ...
第 1 章 JavaScript 是什么...............................................1 3 1.1 历史简述..............................................1 1.2 JavaScript 实现................................................