表格的便捷操作

表格的便捷操作:tBodies, tHead, tFoot, rows, cells;

 1 <!DOCTYPE html>
 2 <html>
 3 <head lang="en">
 4     <meta charset="UTF-8">
 5     <title></title>
 6     <script>
 7         window.onload = function () {
 8             var oTab = document.getElementById("table1");
 9             alert(oTab.tBodies[0].rows[1].cells[1].innerHTML);
10         }
11     </script>
12 </head>
13 <body>
14     <table id="table1" border="1" width="500">
15         <thead>
16             <td>ID</td>
17             <td>Name</td>
18             <td>age</td>
19         </thead>
20         <tbody>
21             <tr>
22                 <td>1</td>
23                 <td>Blue</td>
24                 <td>27</td>
25             </tr>
26             <tr>
27                 <td>2</td>
28                 <td>张三</td>
29                 <td>23</td>
30             </tr>
31             <tr>
32                 <td>3</td>
33                 <td>李四</td>
34                 <td>28</td>
35             </tr>
36             <tr>
37                 <td>4</td>
38                 <td>王五</td>
39                 <td>25</td>
40             </tr>
41             <tr>
42                 <td>5</td>
43                 <td>张伟</td>
44                 <td>24</td>
45             </tr>
46         </tbody>
47     </table>
48
49 </body>
50 </html>
时间: 2024-11-08 22:58:19

表格的便捷操作的相关文章

第七节 DOM操作应用-高级

表格应用: 获取:tBodies.tHead.tFoot.rows.cells 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>DOM高级应用-表格的便捷操作</title> 6 <script> 7 window.onload=function(){ 8 var oTab

C#中导出数据到Excel表格中

之前PM交给我一个自动化测试的Case,让我抓取页面上的数据到Excel表格中,刚好又接了一个之前人家做的系统, 刚好看到可以用NPOI导数据,就动手试试,成功导出. 由于鄙人比较菜,也比较懒, 怕自己忘记了,今天就总结一下,以防下次用可以参考. 1.要使用NPOI,首先需要在Project中Install NPOI的 Package. 右键点击Project------>Manage NuGet Packages---->Search NPOI----->点击搜索到的NPOI然后点击等

利用PHP实现登录与注册功能以及使用PHP读取mysql数据库——以表格形式显示数据

登录界面 <body><form action="login1.php" method="post"><div>用户名:<input type="text" name="uid" /></div><br /><div>密码:<input type="password" name="pwd" />

[BZOJ4815][CQOI4815]小Q的表格 数论+分块

题目链接:http://www.lydsy.com/JudgeOnline/problem.php?id=4815 题目中所给条件中的(a,a+b)和(a,b)的关系很瞩目. 然后大家都知道(a,b)=(a,a-b)=(a,a+b),于是观察(猜)一下这个表格与gcd的关系. 可以发现每次修改(a,b)会影响到所有(i,j)=(a,b)的点,并且关系为f(i,j)=(i/a)*(j/b)*f(a,b). 所以只需要知道f(g,g)的值记为f(g),就能推出其他的值. 然后慢慢推推推大概可以推到这

使用插件bootstrap-table实现表格记录的查询、分页、排序等处理

在业务系统开发中,对表格记录的查询.分页.排序等处理是非常常见的,在Web开发中,可以采用很多功能强大的插件来满足要求,且能极大的提高开发效率,本随笔介绍这个bootstrap-table是一款非常有名的开源表格插件,在很多项目中广泛的应用.Bootstrap-table插件提供了非常丰富的属性设置,可以实现查询.分页.排序.复选框.设置显示列.Card view视图.主从表显示.合并列.国际化处理等处理功能,而且该插件同时也提供了一些不错的扩展功能,如移动行.移动列位置等一些特殊的功能,插件可

HTML表格及框架介绍

一.列表1.有序列表ol <ol type="1默认/a/A/i/I"> <li></li> </ol> 2.无序列表ul(实际应用中,比有序列表广泛) 重点掌握 <ul type="disc默认实心圆/square实心方型/circle空心圆"/> <li></li> </ul>3.定义列表--适用于图片和文字内容的混合排列中 重点掌握 <dl> <d

HTML表格

表格:简单样式 <table border="1" width="300"> <th colspan="3">这里是表头</th> <tr> <td rowspan="2" bgcolor="red">123</td> <td>223</td> <td>323</td> </tr&g

HTML中的表格、表单元素与框架的构建

表格 <table></table>表格 width: 宽度可用像素或百分比: height:高度可用像素或百分比: border:边框宽度: cellpadding:内容跟单元格边框的边距 常用0: cellspacing:单元格之间的间距  常用0: align: 对齐方式: bgcolor:背景色: <tr></tr> 行 align:一行内容的水平对齐方式: valign: 垂直对齐方式: <td></td> 单元格 <

JQuery实现可直接编辑的表格

本文实例讲述了JQuery实现可直接编辑的表格.分享给大家供大家参考.具体分析如下: 功能: 创建一个表格,用户单击某个单元格后,可以直接修改单元格文本.在编辑状态下,用户可按回车键确认修改,按ESC键撤销修改. 效果如下图: 思路: 当用户点击某个单元格后,立即向该单元格内插入一个文本框,将它的宽.高都设置成与单元格相的数值.用户确认输入后,清空该单元格内的所有HTML代码,然后把内容设置为用户刚刚输入的文本. HTML代码: <table align="center">