<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>table 操作</title>

<script  src="jquery-1.8.3.min.js" type="text/javascript"></script>

<script  src="jquery.query-2.1.7.js" type="text/javascript"></script>

<script>

    $(function(){

        //var table=document.getElementById("table").rows.length;//得到table的长度，rows行数，从1开始

        //var table=document.getElementById("table");//获得table对象

        //添加一行：将在第一行中添加第二行

        //var length=document.getElementById("table").rows.length;

        //table.insertRow(length);

        //通过id获取值

        //var byId=document.getElementById("first").innerHTML;

        //alert(byId);    //弹出：第一列第一个单元格

        //获取table的id 获取指定行的列

        //var byRow=document.getElementById("table").rows[0].cells[1].innerHTML;//这里的rows从0开始、cell从0开始

        //alert(byRow);//弹出第一列第二个单元格

        //动态修改某单元格

        //document.getElementById("table").rows[0].cells[0].innerText="aaa";//给一行第一列赋值为aaa

        //遍历表格table

        //var tds=document.getElementById('table').getElementsByTagName('td');

        //alert(tds.length);//弹出7 说明获取的td从1开始计算

        //for(var i=0;i<tds.length;i++){

            //alert(tds[i].innerText);//循环弹出table里的数据

        //}

        //动态添加一个单元格

        var Con=document.getElementById("table");

        var len=document.getElementById("table").rows.length;

        var row = Con.insertRow(len);

        var cell = row.insertCell(0);

        cell.innerHTML = "aaaaa";//效果第二行第一列存在aaaaa

    });

</script>

</head>

<body>

    <table border="1" id="table">

        <tr>

            <td id="first">第一列第一个单元格</td>

            <td>第一列第二个单元格</td>

            <td>第一列第三个单元格</td>

            <td>第一列第四个单元格</td>

            <td>第一列第五个单元格</td>

            <td>第一列第六个单元格</td>

            <td>第一列第七个单元格</td>

        </tr>

    </table>

</body>

</html>

虽然现在页面布局很少用到table标签，大部分用到div，据说div比table更好用，更好调样式

不过有时候不能避免会用到table，因为这个还是在某种情况下还是要用到的，既然会用到那就会要操作咯！

table 操作的更多相关文章

  1. Oracle索引梳理系列（十）- 直方图使用技巧及analyze table操作对直方图统计的影响（谨慎使用）

    版权声明:本文发布于http://www.cnblogs.com/yumiko/,版权由Yumiko_sunny所有,欢迎转载.转载时,请在文章明显位置注明原文链接.若在未经作者同意的情况下,将本文内 ...

  2. MySQL DROP TABLE操作以及 DROP 大表时的注意事项【转】

    删表 DROP TABLE Syntax DROP [TEMPORARY] TABLE [IF EXISTS] tbl_name [, tbl_name] ... [RESTRICT | CASCAD ...

  3. mysql批量进行optimize table操作

    数据库运行一段时间后,有可能会有磁盘磁片产生,此时我们需要进行optimize table操作 # 获取需要optimize的表:如下为获取总大小小于80G的表进行操作:mysql -utroot - ...

  4. MySQL DROP TABLE操作以及 DROP 大表时的注意事项

    语法: 删表 DROP TABLE Syntax DROP [TEMPORARY] TABLE [IF EXISTS] tbl_name [, tbl_name] ... [RESTRICT | CA ...

  5. openresty开发系列19--lua的table操作

    openresty开发系列19--lua的table操作 Lua中table内部实际采用哈希表和数组分别保存键值对.普通值:下标从1开始 不推荐混合使用这两种赋值方式. local color={fi ...

  6. Openvswitch原理与代码分析(5): 内核中的流表flow table操作

      当一个数据包到达网卡的时候,首先要经过内核Openvswitch.ko,流表Flow Table在内核中有一份,通过key查找内核中的flow table,即可以得到action,然后执行acti ...

  7. table操作：边框-斑马线-多表头-焦点高亮-自动求和

    一.操作table,本例子实现的功能: 1.table等宽边框2.table斑马线3.实现table多表头4.焦点所在行高亮5.自动计算总分 二.效果图 三.代码: <!DOCTYPE html ...

  8. Selenium之table操作

    操作内容: 获取table总行数.总列数.获取某单元格的text值,删除一行[如果每行后边提供删除的按钮] HTML代码: <html><head><meta http- ...

  9. js对table操作（添加删除交换上下TR）

    <table width="100%" border="0" cellpadding="2" cellspacing="1& ...

随机推荐

  1. BZOJ2102 : [Usaco2010 Dec]The Trough Game

    暴力枚举答案然后检验. #include<cstdio> int n,m,i,j,k,a[100],b[100],cnt,ans;char s[20]; int main(){ for(s ...

  2. Ural 1018 (树形DP+背包+优化)

    题目链接: http://acm.hust.edu.cn/vjudge/problem/viewProblem.action?id=17662 题目大意:树枝上间连接着一坨坨苹果(不要在意'坨'),给 ...

  3. HDU 1242 (BFS搜索+优先队列)

    题目链接: http://acm.hdu.edu.cn/showproblem.php?pid=1242 题目大意:多个起点到一个终点,普通点耗时1,特殊点耗时2,求到达终点的最少耗时. 解题思路: ...

  4. 苹果应用商店DNS修改加快下载速度

    具体方法:依次点击进入[设置]→[无线局域网]→[WiFi网络右侧小i图标]→更改DNS地址,可以按照自身需求选择以下某个DNS进行更换. OpenDNS:208.67.222.222和208.67. ...

  5. ios batchRequest

    https://github.com/facebook/pop AF 为什么要用 一个线程去进行  1.这有什么好处  因为其生产额外的线程也要 开销的   asi 和af都是这么去做的  2.本身所 ...

  6. 洛谷 P1019 单词接龙 Label:dfs

    题目描述 单词接龙是一个与我们经常玩的成语接龙相类似的游戏,现在我们已知一组单词,且给定一个开头的字母,要求出以这个字母开头的最长的“龙”(每个单词都最多在“龙”中出现两次),在两个单词相连时,其重合 ...

  7. 【BZOJ】2330: [SCOI2011]糖果（差分约束+spfa）

    http://www.lydsy.com/JudgeOnline/problem.php?id=2330 差分约束运用了最短路中的三角形不等式,即d[v]<=d[u]+w(u, v),当然,最长 ...

  8. JAVA字符串转日期或日期转字

    文章中,用的API是SimpleDateFormat,它是属于java.text.SimpleDateFormat,所以请记得import进来! 用法:    SimpleDateFormat sdf ...

  9. Excel 中单元格和范围的引用(即访问的表示方法)

    计算机中,无非是数据和数据的处理这两件事.Excel的工作表能存储大量数据,除了这些原始数据,我们还要用函数来处理这些数据,比如求和求积,求平均值,排序等等,并把处理结果也存在单元格里.在Excel中 ...

  10. eclipse怎么显示代码行数

    熟悉java开发的朋友们肯定有这样的经验,那就是在用eclipse进行java开发的时候,没有显示代码的行数,这并不利于我们进行程序的调试.今天,小编就来教大家eclipse怎么显示代码行数     ...