js COL能很好的控制表格的列
Untitled Document
var $ = function(pId){
return document.getElementById(pId);
}
var oCols =document.getElementsByTagName("COL");
var oTab = $("tab1");
oTab.onmouseover = function(evt){
evt = evt || window.event;
var o = evt.target || evt.srcElement;
if(o.tagName == "TD"){
oCols[o.cellIndex].className = "color1";
o.parentNode.className = "color1";
}
}
oTab.onmouseout = function(evt){
evt = evt || window.event;
var o = evt.target || evt.srcElement;
if(o.tagName == "TD"){
oCols[o.cellIndex].className = "";
o.parentNode.className = "";
}
}
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
相关推荐
-
js COL能很好的控制表格的列
Untitled Document var $ = function(pId){ return do
-
JS控制表格实现一条光线流动分割行的方法
本文实例讲述了JS控制表格实现一条光线流动分割行的方法.分享给大家供大家参考.具体分析如下: 这是很漂亮的一个分割行的代码. 其实就是利用JS控制表格实现的一条七彩流光分割横线 复制代码 代码如下: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>js用单元格实现的七彩线条</tit
-
JS实现控制表格只显示行边框或者只显示列边框的方法
本文实例讲述了JS实现控制表格只显示行边框或者只显示列边框的方法.分享给大家供大家参考.具体分析如下: 通过下面的JS代码你可以控制表格只显示行与行之间的分隔线,也可以只显示列与列之间的分隔线,主要用到了表格对象的rules属性 <!DOCTYPE html> <html> <head> <script> function rowRules() { document.getElementById('myTable').rules="rows&quo
-
JS实现控制表格内指定单元格内容对齐的方法
本文实例讲述了JS实现控制表格内指定单元格内容对齐的方法.分享给大家供大家参考.具体如下: 下面的代码控制表格单元格的内容向右对齐 <!DOCTYPE html> <html> <head> <script> function alignCell() { document.getElementById('td1').align="right"; } </script> </head> <body> &l
-
JS实现控制表格行文本对齐的方法
本文实例讲述了JS实现控制表格行文本对齐的方法.分享给大家供大家参考.具体如下: 下面的JS代码可以控制表格内的整行文本向左或者向右对齐 <!DOCTYPE html> <html> <head> <script> function leftAlign() { document.getElementById('header').align="left"; } </script> </head> <body&g
-
JS实现控制表格行内容垂直对齐的方法
本文实例讲述了JS实现控制表格行内容垂直对齐的方法.分享给大家供大家参考.具体分析如下: 下面的代码通过表格的vAlign属性控制表格行的内容垂直对齐,可以置顶.可以居中.可以底部对齐 <!DOCTYPE html> <html> <head> <script> function topAlign() { document.getElementById('tr2').vAlign="top"; } </script> <
-
用JS控制表格的逐行变色的表单
优点: 1.代码干净,无冗余标签. 2.样式,结构分离(为了方便,样式用内联的形式,实现应用时可以用外联方式引用.) 3.用JS控制表格的逐行变色 4.支持选中项高亮 5.支持checkbox的全选/取消功能 6.分页标签已经做好,没有做后台代码(以后有时间更新) 7.兼容性测试:已测试过ie5.01 ie5.5 ie6 ie7 ff2 opera浏览器 友好度良好的表格 *{font-family:Tahoma, Arial, Helvetica, Sans-serif,"宋体";}
-
JS实现控制表格单元格垂直对齐的方法
本文实例讲述了JS实现控制表格单元格垂直对齐的方法.分享给大家供大家参考.具体如下: 下面的代码控制指定的单元格靠底部垂直对齐 <!DOCTYPE html> <html> <head> <script> function valignCell() { var x=document.getElementById('myTable').rows[0].cells; x[0].vAlign="bottom"; } </script>
-
利用JS动态生成隔行换色HTML表格的两种方法
用JS生成动态生成表格,行.列由用户输入,并使表格隔行换色 方法一. 代码: <!DOCTYPE html> <html> <head> <title>动态表格</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description"
-
JS/jQuery实现超简单的Table表格添加,删除行功能示例
本文实例讲述了JS/jQuery实现超简单的Table表格添加,删除行功能.分享给大家供大家参考,具体如下: 最近需要表格添加删除行,添加行简单,删除行就有点儿懵逼了,于是网上找实例,功夫不负有心人,终于让我找到了,下面的是代码,大家觉得可以,记得点赞哦!!!谢谢! 需要的拿去,转载请在明显的位置标注出出处!!! <html> <head> <title>table添加/删除行</title> </head> <body> <t
随机推荐
- JSP隐含对象response实现文件下载的两种方法
- Mysql 数据库双机热备的配置方法
- python函数参数*args**kwargs用法实例
- JavaScript数组实现数据结构中的队列与堆栈
- js计算页面刷新的次数
- php 魔术方法使用说明
- 一个模仿oso的php论坛程序(之一)第1/2页
- go语言计算两个时间的时间差方法
- React-Native中一些常用组件的用法详解(二)
- ASP编程入门进阶(二十):ADO组件之分页程序
- 支持windows与linux的php计划任务的实现方法
- 设计模式速记
- Vue2.0基于vue-cli+webpack Vuex的用法(实例讲解)
- JavaScript实现获取远程的html到当前页面中
- Thinkphp事务操作实例(推荐)
- MySql中的IFNULL、NULLIF和ISNULL用法详解
- 一段实现页面上的图片延时加载的js代码
- LNMP服务器环境配置 (linux+nginx+mysql+php)
- Android Loader详细介绍及实例代码
- C#将文件复制到指定文件夹并整理