<!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. Bitset[HDU2051]

    Bitset Time Limit: 1000/1000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Others)Total Subm ...

  2. BZOJ3836 : [Poi2014]Tourism

    对于一个连通块,取一个点进行dfs,得到一棵dfs搜索树,则这棵树的深度不超过10,且所有额外边都是前向边. 对于每个点x,设S为三进制状态,S第i位表示根到x路径上深度为i的点的状态: 0:选了 1 ...

  3. 【BZOJ】1082: [SCOI2005]栅栏（二分+dfs）

    http://www.lydsy.com/JudgeOnline/problem.php?id=1082 题意:n个给出木板,m个给出木板.可以将那m个木板锯成泥想要的长度.问最大能锯成多少个给出的n ...

  4. python requests库学习

    Python 第三方 http 库-Requests 学习 安装 Requests 1．通过pip安装 $ pip install requests 2．或者,下载代码后安装: $ git clone ...

  5. php pdo分页

    <table width="95%" border="1" cellspacing="0" cellpadding="0&q ...

  6. activeform 配置

    <?php $form = ActiveForm::begin([ 'action' => ['/admin/admin/adminadd'], 'id' => 'login-for ...

  7. 如何使用 Migration创建一个迁移

    切换到YII所在的目录 yii migrate/create test

  8. OpenCV学习笔记——多种Smooth平滑处理

    opencv库提供了好几种模糊平滑Smooth操作的类型作为cvSmooth的参数传入,从而达到不同的平滑效果,另外复习了一下如何复制一份图像和重新调整图像大小. 调整图像大小目前是按照一下步骤进行: ...

  9. NBUT 1028 该减肥了（简单递推）

    [1028] 该减肥了 时间限制: 1000 ms 内存限制: 65535 K 问题描述 由于长期缺乏运动,Teacher Xuan发现自己的身材臃肿了许多,于是他想健身,更准确地说是减肥.Teach ...

  10. SAE saestorage.class.php文件的封装代码

    Source for file saestorage.class.php Documentation is available at saestorage.class.php <?php /** ...