html foreach 行间隔,颜色,javascript简单实现表格行间隔显示颜色并高亮显示

var name; //存储tr对象的类名，当鼠标移开时进行恢复

function trcolor(){ //表格行颜色间隔显示

var tabNode = document.getElementsByTagName("table")[0];

var trNodes = tabNode.rows;

for(var x=1;x

if(x%2 == 1)

trNodes[x].className = "one" ;

else

trNodes[x].className = "two" ;

trNodes[x].onmouseover = function(){ //高亮显示

name = this.className;

this.className = "over";

}

trNodes[x].onmouseout = function(){ //tr对象添加onmouseout事件属性

this.className = name ;

}

window.onload = trcolor ;

table{ width:60%; border:solid 1px #0066FF;}

table td {border:solid 1px #0099ff;}

a{ text-decoration: none;}

.one{background-color: red;}

.two{background-color: blue;}

.over{background-color: yellow;}

姓名	年龄	地址
张三	23	北京
李四	25	上海
王五	15	广州
唐总	20	长沙

html foreach 行间隔,颜色,javascript简单实现表格行间隔显示颜色并高亮显示相关推荐

在 JavaScript 中隐藏表格行
在 JavaScript 中,我们可以在一个通用的类下定义某些表数据,该类将具有一些可配合的功能.此特定函数将声明该表的行在选择性触发器上的行为方式. 在 JavaScript 中,我们可以在一个通用 ...
fastadmin如何隐藏表格右上角的搜索，导出等功能按钮，如何实现多选变单选，如何实现点击表格行选中，如何实现双击表格行编辑
一.隐藏隐藏部分:如下图红色部分位置:public/assets/js/backend/pim/test.js 在初始化表格中写入代码如下 commonSearch: false,//快速搜索 v ...
sql 行转列_想要表格行转列？简单几行Python代码搞定
前言数据的行转列操作,在实际工作过程中应用非常广泛.由于不同人员.不同部门对数据结构的认识是不大相同的,尤其是从基层人员手里拿到的数据,更是五花八门,横七竖八.比如有这样一张成绩表: 乍一看,好像没毛 ...
js中html标签变文字颜色,javascript – 更改contenteditable div中文本的颜色
您可以使用HTML编辑API来处理此类用例.参考这里: https://dvcs.w3.org/hg/editing/raw-file/tip/editing.html 简而言之,使用execComm ...
html表格线条颜色怎么改变颜色,网页中table表格如何修改边框颜色
table表格是网页制作中以前较常使用的一种布局方式,但随着DIV+CSS的兴起,table表格已辉煌不在.但它在我们制作网页中也是时有用到.table表格也可以使用DIV一样随意的设置它的边框颜色. ...
html中表格行删除的方法,HTML删除表格行中的空格
我有关于删除表格单元格中的空格的问题... 即我有那个表格单元格 +------------+ +testtesttest+ + + + + +------------+ 但是如果我在文本中有很多符号 ...
HTML快速入门5——不规则表格、表格背景、边框颜色
不规则表格例子: <table border=1> <tr><td>1,1</td><td>1,2</td><td> ...
实习总结第七谈-----------vue中element-ui的表格行高怎么控制
依旧在我负责的当前项目中举例子: 我的表格要求是一页只显示10条数据,且纵向不能产生滚动条,这样就意味着不能设置表格的整体高度来控制,那样会会产生滚动条,要么在表格纵向产生滚动条,要么在屏幕纵向产生滚 ...
【Web基础入门】一文搞懂HTML + CSS + JavaScript 简单了解
html html是什么超文本标记语言,运行在浏览器上超文本:超级文本,如流媒体.声音.视频标记语言:由大量的标签组成标签:任何一个标签都有开始标签和结束标签 html不是编程语言,没有变量, ...
百度地图JavaScript简单标点连线
背景最近在研究轨迹数据的挖掘,第一步就是把轨迹数据在地图上可视化出来,然后再进行后续的算法研究.从一开始懵懂知道百度地图有免费的 API 可以调用,到后面知道还要上传鹰眼轨迹,最后还要从 Web 端 ...

html foreach 行间隔,颜色,javascript简单实现表格行间隔显示颜色并高亮显示

html foreach 行间隔,颜色,javascript简单实现表格行间隔显示颜色并高亮显示相关推荐

最新文章

热门文章

html foreach 行 间隔,颜色,javascript简单实现表格行间隔显示颜色并高亮显示

html foreach 行 间隔,颜色,javascript简单实现表格行间隔显示颜色并高亮显示相关推荐

最新文章

热门文章

html foreach 行间隔,颜色,javascript简单实现表格行间隔显示颜色并高亮显示

html foreach 行间隔,颜色,javascript简单实现表格行间隔显示颜色并高亮显示相关推荐