<!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. BZOJ2707 : [SDOI2012]走迷宫

    首先求出SCC缩点,E[T]=0,按拓扑序计算 对于无边连出的块,如果不是T所在块,则称该块是死路块 对于一个块,如果其中的点连出的边是死路块,则它也是死路块 否则对于每块进行高斯消元求出期望 如果S ...

  2. 从Apache Storm学到的经验教训 —— storm的由来（转）

    阅读目录 Storm来源 初探 再探 构建第一个版本 被Twitter收购 开源的Storm 发布之后 Storm的技术演进 构建开发者社区版 离开Twitter 提交到Apache Apache孵化 ...

  3. Underscore.js 中 _.throttle 和 _.debounce 的差异

    两个方法都是用来控制事件的频率的,在mousemove,resize等这种高频率触发事件中,控制其响应频率可以明显提高程序的流畅性,减少资源的占用. 通过分析其源代码: _.throttle方法源码 ...

  4. Word 2010 给公式添加序号

    在写paper的时候,我们常常要给公式编号,难道我们要在公式和最右边的序号之间疯狂按空格键吗,当然不是,我们可以有更高效的方法来完成. 首先我们插入一个1x3的表格,然后调节首尾两个格子的大小,借助标 ...

  5. mof提权带回显带清楚命令版本.php

    <?php $path="c:/caonimei.txt"; session_start(); if(!empty($_POST['submit'])){ setcookie ...

  6. JBoss错误

    jboss进程在启动时碰到Address already in use: JVM_Bind /0.0.0.0:8080错误. 这个错误的含义是8080端口被占用了. 解决方法: 方法1: 开始--运行 ...

  7. nmap 高级扫描用法

    nmap提供了四项基本功能(主机发现.端口扫描.服务与版本侦测.OS侦测)及丰富的脚本库.Nmap既能应用于简单的网络信息扫描,也能用在高级.复杂.特定的环境中:例如扫描互联网上大量的主机:绕开防火墙 ...

  8. POI格式化Cell样式

    通过一个实例演示怎样通过POI设置Excel单元格的边框.字体.颜色.大小.下划线.合并.对齐方式. Excel文件如下: Java代码   package my.excel;       impor ...

  9. [kuangbin带你飞]专题六 最小生成树

    学习最小生成树已经有一段时间了 做一些比较简单的题还算得心应手..花了三天的时间做完了kuangbin的专题 写一个题解出来记录一下(虽然几乎都是模板题) 做完的感想:有很多地方都要注意 n == 1 ...

  10. Javascript 笔记与总结（2-7）对象

    html: <h1>找对象</h1> <div id="div1"> <p>p1</p> <p>p2< ...