js COL能很好的控制表格的列

更新时间：2008年04月03日 19:39:58 作者：

由于没有用循环,所以,速度要相对快些.但是IE下,明显示不如FF下好用.

<!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>Untitled Document</title>  <style type="text/css">    </style>  </head>  <body>  <table width="300" cellpadding="0" cellspacing="0" id="tab1">  <colgroup>  <col /><col /><col /><col /><col /><col /><col /><col /><col /><col />  </colgroup>    <tr>      <td>&nbsp;</td>      <td>&nbsp;</td>      <td>&nbsp;</td>      <td>&nbsp;</td>      <td>&nbsp;</td>      <td>&nbsp;</td>      <td>&nbsp;</td>      <td>&nbsp;</td>      <td>&nbsp;</td>      <td>&nbsp;</td>    </tr>    <tr>      <td>&nbsp;</td>      <td>&nbsp;</td>      <td>&nbsp;</td>      <td>&nbsp;</td>      <td>&nbsp;</td>      <td>&nbsp;</td>      <td>&nbsp;</td>      <td>&nbsp;</td>      <td>&nbsp;</td>      <td>&nbsp;</td>    </tr>    <tr>      <td>&nbsp;</td>      <td>&nbsp;</td>      <td>&nbsp;</td>      <td>&nbsp;</td>      <td>&nbsp;</td>      <td>&nbsp;</td>      <td>&nbsp;</td>      <td>&nbsp;</td>      <td>&nbsp;</td>      <td>&nbsp;</td>    </tr>    <tr>      <td>&nbsp;</td>      <td>&nbsp;</td>      <td>&nbsp;</td>      <td>&nbsp;</td>      <td>&nbsp;</td>      <td>&nbsp;</td>      <td>&nbsp;</td>      <td>&nbsp;</td>      <td>&nbsp;</td>      <td>&nbsp;</td>    </tr>    <tr>      <td>&nbsp;</td>      <td>&nbsp;</td>      <td>&nbsp;</td>      <td>&nbsp;</td>      <td>&nbsp;</td>      <td>&nbsp;</td>      <td>&nbsp;</td>      <td>&nbsp;</td>      <td>&nbsp;</td>      <td>&nbsp;</td>    </tr>    <tr>      <td>&nbsp;</td>      <td>&nbsp;</td>      <td>&nbsp;</td>      <td>&nbsp;</td>      <td>&nbsp;</td>      <td>&nbsp;</td>      <td>&nbsp;</td>      <td>&nbsp;</td>      <td>&nbsp;</td>      <td>&nbsp;</td>    </tr>    <tr>      <td>&nbsp;</td>      <td>&nbsp;</td>      <td>&nbsp;</td>      <td>&nbsp;</td>      <td>&nbsp;</td>      <td>&nbsp;</td>      <td>&nbsp;</td>      <td>&nbsp;</td>      <td>&nbsp;</td>      <td>&nbsp;</td>    </tr>    <tr>      <td>&nbsp;</td>      <td>&nbsp;</td>      <td>&nbsp;</td>      <td>&nbsp;</td>      <td>&nbsp;</td>      <td>&nbsp;</td>      <td>&nbsp;</td>      <td>&nbsp;</td>      <td>&nbsp;</td>      <td>&nbsp;</td>    </tr>    <tr>      <td>&nbsp;</td>      <td>&nbsp;</td>      <td>&nbsp;</td>      <td>&nbsp;</td>      <td>&nbsp;</td>      <td>&nbsp;</td>      <td>&nbsp;</td>      <td>&nbsp;</td>      <td>&nbsp;</td>      <td>&nbsp;</td>    </tr>    <tr>      <td>&nbsp;</td>      <td>&nbsp;</td>      <td>&nbsp;</td>      <td>&nbsp;</td>      <td>&nbsp;</td>      <td>&nbsp;</td>      <td>&nbsp;</td>      <td>&nbsp;</td>      <td>&nbsp;</td>      <td>&nbsp;</td>    </tr>  </table>  </body>  </html>  <script language="javascript" type="text/javascript">  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 = "";    }   }    </script>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

js仿支付宝填写支付密码效果实现多方框输入密码
这篇文章主要介绍了js仿支付宝填写支付密码效果实现多方框输入密码的功能，感兴趣的小伙伴们可以参考一下
2016-03-03
使用JavaScript实现随机颜色生成器
这篇文章主要为大家详细介绍了如何使用JavaScript+CSS实现一个随机颜色生成器，文中的示例代码讲解详细，感兴趣的小伙伴可以动手尝试一下
2022-08-08
微信小程序第三方框架对比之 wepy / mpvue / taro
这篇文章主要介绍了小程序第三方框架对比 ( wepy / mpvue / taro ) 分析，非常不错，具有一定的参考借鉴价值，需要的朋友参考下吧
2019-04-04
JS获得URL超链接的参数值实例代码
使用js获取超链接中keyword的参数值，具体实现代码如下，感兴趣的朋友可以参考下哈，希望对大家有所帮助
2013-06-06
JavaScript中分号的一些细节
这篇文章主要给大家介绍了关于JavaScript中分号的一些细节，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2021-05-05
ECharts鼠标事件的处理方法详解
最近一直在使用echarts,当然也被其中的各种属性整的有些头大,这篇文章主要给大家介绍了关于ECharts鼠标事件处理的相关资料,需要的朋友可以参考下
2021-06-06
原生js实现图片放大缩小计时器效果
本文主要介绍了原生js实现图片放大缩小计时器效果的示例代码。具有一定的参考价值，下面跟着小编一起来看下吧
2017-01-01
获取本机IP地址的实例(JavaScript / Node.js)
下面小编就为大家分享一篇使用JavaScript和Node.js获取本机IP地址的实例，具有很好的参考价值，希望对大家有所帮助
2017-11-11
mescroll.js上拉加载下拉刷新组件使用详解
这篇文章主要为大家详细介绍了mescroll.js上拉加载下拉刷新组件的使用，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-11-11
js词法作用域与this实例详解
作用域值一个变量的作用饿范围,下面这篇文章主要给大家介绍了关于js词法作用域与this的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
2022-09-09