六狼论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

新浪微博账号登陆

只需一步,快速开始

搜索
查看: 33|回复: 0

生成Table,然后赋值

[复制链接]

升级  2.33%

63

主题

63

主题

63

主题

举人

Rank: 3Rank: 3

积分
207
 楼主| 发表于 2013-2-7 15:54:16 | 显示全部楼层 |阅读模式
主要用于需要对比的时候:
 
<!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=gb2312"><title>生成Table</title><style type="text/css">body {font-family: Arial, Helvetica, sans-serif;text-align:center;font-size:12px;margin:3px;}#mainTable{width:100%;border-collapse:collapse;}#mainTable td{height:25px;padding:0 5px;border:1px solid #A9C9E2;overflow:hidden;}.title{ width:100px; font-size:14px; color:#cc0000; background:#FFF5FA; padding-right:5px; text-align:right;}.rowOdd{text-align: left;padding-left:5px;background:#fefefe;}.rowEven{text-align: left;padding-left:5px;background:#F1F7F9;}</style></head><body >  <!-- 显示table -->  <table border="0" cellpadding="0" cellspacing="0" id="mainTable" >  </table><script type="text/javascript">var rentArr = ['1','2','3','4','5','6'];function initTable(type){var arr = rentArr;var table = document.getElementById("mainTable");var rows = table.rows;var rowLen = rows.length;var arrLen = arr.length;var newRow ;var newCell ;var columnNum = 4;var trClass;for(i=0;i<arrLen;i++){  newRow = table.insertRow(rowLen+i);  trClass = (i%2==0)?"rowOdd":"rowEven";  for(j=0;j<columnNum;j++){  newCell = newRow.insertCell(j);if(j==0){newCell.innerHTML = "标题";newCell.className = "title";}else{newCell.innerHTML = i+","+j ;newCell.title = i+","+j ;newCell.className = trClass;}  }}}</script></body></html> 
您需要登录后才可以回帖 登录 | 立即注册 新浪微博账号登陆

本版积分规则

快速回复 返回顶部 返回列表