<!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. BZOJ3444: 最后的晚餐

    Description [问题背景] 高三的学长们就要离开学校,各奔东西了.某班n人在举行最后的离别晚餐时,饭店老板觉得十分纠结.因为有m名学生偷偷找他,要求和自己暗恋的同学坐在一起. [问题描述] ...

  2. EnableViewState=“false”不能乱用啊

    有时候页面源文件里有一段看上去像乱码的代码,这时候为了加快页面的加载速度,可以使用EnableViewState=“false”,这时候页面上的乱码就会消失了.但是,关于这个问题作者郁闷了好久,之前为 ...

  3. ckeditor的详细配置

    CKEditor 3 JavaScript API Documentation : http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.con ...

  4. PHP Execute Command Bypass Disable_functions

    先简单说一下php调用mail()函数的过程. 看到源码ext/mail.c 236行: char *sendmail_path = INI_STR("sendmail_path" ...

  5. java命令行参数

    命令行参数就是main方法里面的参数String[] args他就是一个数组,args只是数据类型的一个名称,就是一个数组的变量,名称无所谓,类型没变就行了.这个就是程序的入口点.如图7.4所示: 图 ...

  6. NBUT 1602 Mod Three（线段树单点更新区间查询）

    [1602] Mod Three 时间限制: 5000 ms 内存限制: 65535 K 问题描述 Please help me to solve this problem, if so, Liang ...

  7. Educational Codeforces Round 15 C. Cellular Network（二分）

    C. Cellular Network time limit per test 3 seconds memory limit per test 256 megabytes input standard ...

  8. ArcGISDynamicMapServiceLayer 实现条件过滤

    <html>   <head>   <meta http-equiv="Content-Type" content="text/html; ...

  9. HDU 1016 DFS

    很简单的深搜 只要看出来是深搜... 注意判断最后一点是否与加一为质数 #include<stdio.h> #include<string.h> #include<alg ...

  10. 【翻译】CEDEC2014跨世代多平台并行开发PS4版如龙维新开发的一年

    本篇PPT讲述的是如龙4的开发过程中,集中在PS3和PS4并行开发中所遇到和解决的一些问题.如64位指针,DX9向DX11移植API的问题,以及在PS4上使用并行渲染在1080P下让FPS达到60等. ...