<!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,因为这个还是在某种情况下还是要用到的,既然会用到那就会要操作咯!

最新文章

  1. tableView的高度问题
  2. 在程序中使用geos.dll
  3. 手把手教你用动软.NET代码生成器实例教程
  4. windows Batch 脚本的一些常用有效
  5. iOS开发——打包ipa
  6. 自定义一个&quot;花瓣&quot;菜单-b
  7. UML 行为图之用例图 总结
  8. Javascript计算密码的强度
  9. Android studio修改debug.keystore
  10. 聊聊高并发(二十五)解析java.util.concurrent各个组件(七) 理解Semaphore
  11. properties 文件的中文转ASCII
  12. hdu5046(重复覆盖+二分)
  13. django+nginx+uwsgi 部署配置
  14. [leetcode-537-Complex Number Multiplication]
  15. Python使用Mysql官方驱动(取出dict类型的数据)
  16. 关于word2016中mathtype无法使用以及“由于宏安全设置,无法找到宏或宏已被禁用”的解决方案
  17. CF923E Perpetual Subtraction
  18. i春秋-百度杯十月场-fuzzing
  19. 【读书笔记】iOS-配件
  20. 用git bash 传数据到远程出错:git push origin master 出错:error: failed to push some refs to

热门文章

  1. python 代码片段4
  2. Ural 1018 (树形DP+背包+优化)
  3. ios ASIHttpLib 同步请求和异步请求
  4. new在c#方法中的使用
  5. 用LinqPad查看Nhibernate生成的sql语句
  6. 过滤html字符的方法
  7. io资料
  8. Word 2013双引号的BUG
  9. 【转载】wireshark:no interface can be used for capturing in this system with the current configuration
  10. SVN 树冲突的解决方法(Ubuntu 环境)