`
乌托邦之爱
  • 浏览: 278459 次
  • 性别: Icon_minigender_1
  • 来自: 沈阳
社区版块
存档分类
最新评论

JS浏览器兼容的小问题,鼠标经过,,高亮显示

阅读更多

<!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=gb2312" />
<title>无标题文档 </title>
<script type="text/javascript">
// 取标签名相同的父对象
function GetParentElement(obj, tag){
while(obj!=null && obj.tagName!=tag)
obj=obj.parentNode;
return obj;
}

function changeColor(evt){
evt = evt ? evt : window.event;
var el = evt.target ? evt.target : evt.srcElement;
var tabElement=null;
while (true){
el=GetParentElement(el, "TR")
if (el){
tabElement=GetParentElement(el, "TABLE");
if (tabElement!=null && tabElement.className.toUpperCase()=="LIST"){
break;
}
el=tabElement;
}else{
return;
}
}
for (var i=0;i <el.children.length;i++){
if (el.children[i].tagName=="TD"){
el.children[i].style.backgroundColor="#0099FF";
}
}
}

function revertColor(evt){
evt = evt ? evt : window.event;
var el = evt.target ? evt.target : evt.srcElement;
var tabElement=null;
while (true){
el=GetParentElement(el, "TR")
if (el){
tabElement=GetParentElement(el, "TABLE");
if (tabElement!=null && tabElement.className.toUpperCase()=="LIST"){
break;
}
el=tabElement;
}else{
return;
}
}
for (var i=0;i <el.children.length;i++){
if (el.children[i].tagName=="TD"){
el.children[i].style.backgroundColor="";
}
}
}
document.onmouseover= changeColor;
document.onmouseout = revertColor;
</script>
</head>

<body>
<table width="700" border="1" class="list">
<tr>
<th>&nbsp; </th>
<th>标题 </th>
</tr>
<tr>
<td>aaaaa </td>
<td>1111111111111111111111 </td>
</tr>
<tr>
<td>bbbbb </td>
<td>22222222222222222222 </td>
</tr>
<tr>
<td>ccccccc </td>
<td>33333333333333333333333333 </td>
</tr>
</table>
</body>
</html>
IE 可以 火狐不可以 请问是那个属性或方法不受支持呢?

答案:children是IE专有的
请用childNodes
你把所有的children 改成childNodes,就搞定了!

分享到:
评论

相关推荐

    tmall 淘宝商城广告图片效果(兼容各个浏览器)

    模仿淘宝商城tmall.com广告图片的效果 鼠标移入的高亮,其余的变暗,兼容各大浏览器(包括IE6) 好不好用自己看了才知道

    jQuery自动滚动五屏图片通栏代码.zip

    jQuery自动滚动五屏图片通栏代码,带左右按钮切换图片,鼠标移到图片后图片高亮显示,点击会显示带阴影的大图。兼容主流浏览器,php中文网推荐下载! 使用方法: 1、head区域引用文件lrtk.css及js库 2、在文件中...

    JavaScript内核系列

    后来 出现的JSP,ASP等服务器端语言可以为页面提供动态的内容,但是如果没有JavaScript则无法在服务器返回之后动态的在前端修改页面,也无法有 诸如鼠标移上某页面元素则高亮该元素之类的效果,因此JavaScript的出现...

    KODExplorer 芒果云-资源管理器

    - 文件&文件夹:含有%、+号的处理(显示不出等问题,encoenURIComponent——rawurldecode) - 文件下载,支持大文件下载、断点续传。 - 解决更改排序方式后 ——对应右键菜单不同步问题。 - 优化右键更改列表状态,...

    JQuery&CSS;&CSS;+DIV实例大全.rar

    61.js仿淘宝网鼠标经过缩略图放大图片效果的jQuery Fancy Hover Effect完整实例 62.Supersized jQuery全屏相册图片自动切换插件 63.[荐]jquery仿flash漂亮横向图片滚动效果完整版(兼容性非常好) 64.[荐]...

    CSS视差滚动效果

    对于效果展示,先看效果是最能引起兴趣,激发学习热情的,如下(IE9+): 进入Demo滚动滚动条,最好鼠标慢慢拖动,效果更明显——表情花朵等小图标在手机图片上方飞动的视差感觉。目前,Chrome以及FireFox等浏览器(不...

    JAVA上百实例源码以及开源项目源代码

     用JAVA编写了一个小工具,用于检测当前显示器也就是显卡的显示模式,比如分辨率,色彩以及刷新频率等。 Java波浪文字制作方法及源代码 1个目标文件 摘要:Java源码,初学实例,波浪文字  Java波浪文字,一个利用...

    java开源包1

    JSEditor 是 Eclipse 下编辑 JavaScript 源码的插件,提供语法高亮以及一些通用的面向对象方法。 Java数据库连接池 BoneCP BoneCP 是一个高性能的开源java数据库连接池实现库。它的设计初衷就是为了提高数据库连接...

    java开源包11

    JSEditor 是 Eclipse 下编辑 JavaScript 源码的插件,提供语法高亮以及一些通用的面向对象方法。 Java数据库连接池 BoneCP BoneCP 是一个高性能的开源java数据库连接池实现库。它的设计初衷就是为了提高数据库连接...

    java开源包2

    JSEditor 是 Eclipse 下编辑 JavaScript 源码的插件,提供语法高亮以及一些通用的面向对象方法。 Java数据库连接池 BoneCP BoneCP 是一个高性能的开源java数据库连接池实现库。它的设计初衷就是为了提高数据库连接...

    java开源包3

    JSEditor 是 Eclipse 下编辑 JavaScript 源码的插件,提供语法高亮以及一些通用的面向对象方法。 Java数据库连接池 BoneCP BoneCP 是一个高性能的开源java数据库连接池实现库。它的设计初衷就是为了提高数据库连接...

    java开源包6

    JSEditor 是 Eclipse 下编辑 JavaScript 源码的插件,提供语法高亮以及一些通用的面向对象方法。 Java数据库连接池 BoneCP BoneCP 是一个高性能的开源java数据库连接池实现库。它的设计初衷就是为了提高数据库连接...

    java开源包5

    JSEditor 是 Eclipse 下编辑 JavaScript 源码的插件,提供语法高亮以及一些通用的面向对象方法。 Java数据库连接池 BoneCP BoneCP 是一个高性能的开源java数据库连接池实现库。它的设计初衷就是为了提高数据库连接...

    java开源包10

    JSEditor 是 Eclipse 下编辑 JavaScript 源码的插件,提供语法高亮以及一些通用的面向对象方法。 Java数据库连接池 BoneCP BoneCP 是一个高性能的开源java数据库连接池实现库。它的设计初衷就是为了提高数据库连接...

    java开源包4

    JSEditor 是 Eclipse 下编辑 JavaScript 源码的插件,提供语法高亮以及一些通用的面向对象方法。 Java数据库连接池 BoneCP BoneCP 是一个高性能的开源java数据库连接池实现库。它的设计初衷就是为了提高数据库连接...

    java开源包8

    JSEditor 是 Eclipse 下编辑 JavaScript 源码的插件,提供语法高亮以及一些通用的面向对象方法。 Java数据库连接池 BoneCP BoneCP 是一个高性能的开源java数据库连接池实现库。它的设计初衷就是为了提高数据库连接...

    java开源包7

    JSEditor 是 Eclipse 下编辑 JavaScript 源码的插件,提供语法高亮以及一些通用的面向对象方法。 Java数据库连接池 BoneCP BoneCP 是一个高性能的开源java数据库连接池实现库。它的设计初衷就是为了提高数据库连接...

    java开源包9

    JSEditor 是 Eclipse 下编辑 JavaScript 源码的插件,提供语法高亮以及一些通用的面向对象方法。 Java数据库连接池 BoneCP BoneCP 是一个高性能的开源java数据库连接池实现库。它的设计初衷就是为了提高数据库连接...

    java开源包101

    JSEditor 是 Eclipse 下编辑 JavaScript 源码的插件,提供语法高亮以及一些通用的面向对象方法。 Java数据库连接池 BoneCP BoneCP 是一个高性能的开源java数据库连接池实现库。它的设计初衷就是为了提高数据库连接...

Global site tag (gtag.js) - Google Analytics