网站首页
关于深山
客户案例
业务范围
联系深山
网络投票系统
企业网站建设
旅行社网站建设
小程序
留言板
技术文章
许愿墙(qq爱墙)
技术首页
百度小程序开发
微信小程序开发
微信公众号开发
uni-app
asp函数库
ASP
asp.net
DIV+CSS
HTML
SEO搜索引擎忧化
下载类信息
个人空间
代码生成
电商
python
页面特效
表格特效
导航菜单
图形特效
表单特效
时间日期
色彩类别
链接特效
网页特效
系统硬件
网站公告
网页学习
技术类文章
网站类信息
订阅本栏目 RSS
您所在的位置:
深山工作室
>
表格特效
> 正文
用javscript实现为表格的每一行自动加上序号
网络 2014/9/11 20:43:31 网络 字体:
大
中
小
浏览 11361
以下为详细代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>利用js自动为表格的行增加序号</title> <style type="text/css"> .qwbm_tab{width:100%;border-collapse:collapse;border:1px solid #005892;margin:8px 0;} .qwbm_tab td{line-height:35px;border:1px solid #005892;padding-left:4px;} tr.tr_top td{line-height:32px;border:none;background-color:#005892;color:#fff;font-weight:bold;} td.td_center{text-align:center;} .ys01{background-color:#E6F0FE;} </style> <script language="javascript" type="text/javascript"> window.onload = function(){ var oTable = document.getElementById("bbsTab"); for(var i=0;i<oTable.rows.length;i++){ oTable.rows[i].cells[0].innerHTML = (i+1); if(i%2==0) //偶数行 oTable.rows[i].className = "ys01"; } } </script> </head> <body> <table class="qwbm_tab"> <tr class="tr_top"> <td class="td_center" width="9%">行号</td> <td width="83%">标题</td> <td class="td_center" width="11%">总计</td> </tr> <tbody id="bbsTab"> <tr> <td class="td_center"></td> <td><a href="http://www.qwbm.com">深山工作室</a></td> <td class="td_center"></td> </tr> <tr> <td class="td_center"></td> <td><a href="http://www.qwbm.com/lxs">深山旅行社网站管理系统</a></td> <td class="td_center"> </td> </tr> <tr> <td class="td_center"></td> <td><a href="http://www.qwbm.com/book">深山留言板</a></td> <td class="td_center"> </td> </tr> <tr> <td class="td_center"></td> <td> </td> <td class="td_center"> </td> </tr> <tr> <td class="td_center"></td> <td> </td> <td class="td_center"> </td> </tr> <tr> <td class="td_center"></td> <td> </td> <td class="td_center"> </td> </tr> </tbody> </table> </body> </html>
前一页:
没有了
后一页:
鼠标放在表格区域内，当前格的一整行和一整列变色
相关阅读
python对微信操作要用到这两个库wxpy与itchat
定义链接的样式CSS
optgroup 标签
Object.assign的一些用法
DW设置之后更好用 DreamweaverCS编辑GB2312与UTF-8文件在代码视图中点击鼠标错位问题的解决办法
CSS的优化与技巧
JavaScript max() 方法
uni-app操作json数组
更多信息>>
栏目类别选择
百度小程序开发
微信小程序开发
微信公众号开发
uni-app
asp函数库
ASP
DIV+CSS
HTML
python
更多>>
同类信息
用javscript实现为表格的每一行自动加上序号
鼠标放在表格区域内，当前格的一整行和一整列变色
鼠标经过表格列时变色
javascript表格内移动上下列，可以做成ajax加上动态程序做成上下移动顺序
利用javascript鼠标经过表格，行与列变色
针对table,div隔行变色的JS方法
更多>>
最新添加文章
dw里面查找替换使用正则删除sqlserver里面的CONSTRAINT
Android移动端自动化测试：使用UIAutomatorViewer与Selenium定位元素
抖音直播音挂载小雪花 懂车帝小程序
javascript获取浏览器指纹可以用来做投票
火狐Mozilla Firefox出现：无法载入您的Firefox配置文件 它可能已经丢失 或是无法访问 问题解决集合处理办法
在Android、iOS、Windows、MacOS中微信小程序的文件存放路径
python通过代码修改pip下载源让下载库飞起
python里面requests.post返回的res.text还有其它的吗
更多>>
随机抽取信息
CSS教程:用dl dt dd来制作新闻文章列表
仿百度知道宽度高度自适应的圆角边框
通过设置iis的进程池让网站的并发数，性能提升几个档次
初期入门地接旅行社建站解决方案
中小企业网站优化存在的弊病
点出窗口，选择类别
更多标签
热门标签
优化
下划线
FireFox
radio
rad
固定
下载
十字
时间
浮动
首页
计划
input
DropShadow
asp
读取
防止
上 下 左 右
lightbox
项目
断线
文件夹
VBScript
轮流
显示
Application
渐变
clear
比例
蜘蛛
设计
墙
导出
png
过期
素材
版权
列表
网站地图
对象
加密
list
游戏
web
ajax
tab
二级
列
操作
float
免责声明:本站所有资料信息,有部分为本人原创,部分为从网络收集而来,仅供网友查看阅读所用,所有信息版权归信息所有人或所有公司所有
如果信息内容侵犯到您的版权或权益请与我们联系,经确认后我们会立即移除相关内容或链接
Copyright © 2007-2026
深山工作室
All Rights Reserved
服务QQ:
565449214
手机:
13961347334
ICP备案:
苏ICP备15019627号
苏公网安备 32070502010230号
苏公网安备 32070502010230号