<!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> </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，就搞定了！
分享到：
相关推荐
在这个特定的案例中，“jQuery 图片特效，鼠标经过图标高亮显示”是一种增强用户体验的技术，当用户将鼠标悬停在图标上时，图标会变得更为醒目，吸引用户的注意力并提供视觉反馈。 实现这一效果的基本步骤如下： 1...
本示例源码主要涉及的是如何利用JavaScript实现一种常见的网页导航菜单效果：当鼠标滑过一级菜单时，对应的二级甚至三级菜单高亮显示，形成一个垂直的多层次导航结构。这样的设计既提升了用户体验，也使网站的导航...
标题“鼠标滑过高亮显示图片”涉及到的是网页交互设计中的一种常见功能，即当鼠标光标悬停在图片上时，图片会呈现出高亮或突出显示的效果。这种效果可以增加用户体验，帮助用户更加清晰地看到被鼠标指向的部分，常...
本教程将深入探讨如何利用jQuery的`hover`事件实现鼠标悬停时九宫格图片的高亮显示效果。这个效果可以增强用户对网页内容的互动体验，使用户更容易注意到并操作特定的图像元素。 首先，我们需要理解`hover`事件。在...
在Web开发中，地图应用是不可或缺的一部分，尤其是在地理信息系统（GIS）中。本文将深入探讨如何使用...在实际开发中，还应关注地图API的文档学习、错误处理以及浏览器兼容性问题，确保应用在各种环境下都能正常运行。
1. **兼容性问题**：需要注意浏览器之间的兼容性问题，虽然现代浏览器基本都能很好地支持这些操作，但在一些旧版本的IE浏览器中可能会出现问题。 2. **性能考虑**：如果GridView中的数据量非常大，那么频繁地修改DOM...
【标题】"产品分类鼠标经过高亮CSS特效.rar"是一个包含网页设计中常见的交互效果的资源包，主要目的是为产品分类展示提供一种视觉焦点引导。当你在网页上鼠标悬停在某个产品分类上时，该分类会通过CSS样式的变化实现...
对于浏览器兼容性问题，JavaScript中的`addEventListener`和`removeEventListener`在旧版本的IE浏览器（尤其是IE8及以下）中不被支持，因此我们需要引入polyfill，或者使用`attachEvent`和`detachEvent`作为替代。...
在JavaScript编程中，实现鼠标经过图标导航高亮和旋转效果是一项常见的交互设计技术。这个"js鼠标经过图标导航高亮旋转代码.zip"压缩包提供了一种实现这种效果的方法。下面我们将详细探讨相关知识点。 首先，我们...
在实际应用中，你可能还需要考虑浏览器兼容性问题，确保代码在不同的浏览器环境中都能正常工作。此外，为了优化性能，应该避免在大型DOM集合上频繁操作，合理利用事件委托，以及缓存jQuery对象。 这个源码实例是一...
6. **浏览器兼容性**：考虑到不同浏览器对CSS3和JavaScript的支持程度不同，我们需要确保代码能够良好地在主流浏览器中运行。可能需要引入polyfill库或使用jQuery的跨浏览器功能来保证兼容性。 综上所述，创建古典...
最后，`xp_menu.js`是JavaScript文件，负责处理菜单的动态行为，如响应用户的点击事件、展开或关闭子菜单、以及处理浏览器兼容性问题。JavaScript的`addEventListener`方法可以用来监听用户的鼠标事件，当用户鼠标...
5. **浏览器兼容性**：JavaScript代码需要考虑不同浏览器之间的差异，如IE、Firefox、Chrome等。可以使用`feature detection`或引入polyfill库（如jQuery）来确保代码在多种浏览器环境下都能正常工作。 6. **优化与...
6. **兼容性检查**：考虑到一些老版本的浏览器可能不支持HTML5的新特性，代码中可能包含了一些兼容性的处理，确保在各种浏览器环境下都能正常工作。 为了实现这一效果，开发者需要熟悉HTML、CSS和JavaScript的基本...
在网页开发中，下拉列表框（Dropdown List）是一种常见的用户输入控件，它允许用户从预定义的选项中选择一个或多个值。为了提升用户体验，...同时，为了兼容不同的浏览器和设备，也需要对代码进行充分的测试和调整。
总结来说，本文提供的JavaScript代码示例可以用于实现表格行在鼠标交互下的高亮效果，涵盖了事件处理、属性修改和兼容性处理等前端开发中的重要知识点。开发者可以根据这些示例进行学习和参考，进而应用于自己的项目...
最后，为了确保在不同的浏览器中都正常工作，我们需要考虑浏览器兼容性问题。虽然现代浏览器大多支持上述API，但老版本的浏览器可能不支持。例如，`querySelector`和`addEventListener`在IE8及更早版本中不受支持，...
此外，jQuery还兼容多种浏览器，减少了跨浏览器的兼容性问题。 总的来说，jQuery高亮图片框和图片展示是网页互动性的重要组成部分，它们提升了用户体验，使网站更具吸引力。通过jQuery，开发者可以轻松实现这些功能...
jQuery jfade插件是一款用于实现文字和图片在鼠标悬停时高亮显示的工具，它为网页交互提供了更丰富的用户体验。这款插件基于JavaScript库jQuery，利用其强大的DOM操作能力和事件处理机制，使得开发者能够轻松地创建...