IE6和IE7 表tr 索引问题！！！！！！！！！！！！！！！！！！！

编程有钱人了 2010-12-13 10:40:16

如下：



<table width="800" id="tablelist" cellpadding="0" cellspacing="1" class="tablestyle3_table">

  <tr class="table_th" onclick="changeTrColor(this，0)">

    <td> </td>

 <td> </td>

 <td> </td>

 <td> </td>

  </tr>

  <tr class="table_th" onclick="changeTrColor(this，1)">

    <td> </td>

 <td> </td>

 <td> </td>

 <td> </td>

  </tr>

.....

.....

<tr class="table_th"  onclick="changeTrColor(this，100)" >

    <td> </td>

 <td> </td>

 <td> </td>

 <td> </td>

  </tr>

</table>



  var lastindex = -1;

      	  var TtrArray=null;

 function changeTrColor(obj，trindex) 

      	  {

      	  	obj.style.className = "overclass";//加载本行样式

       	    if (lastindex > -1&& TtrArray!=null)

      	  	 {

      	  	 	TtrArray[lastindex].className = "tablestyle3_table_tr";//上次点击过的行 还原到原来的样式

      	  	  }

      	  	  lastindex = trindex;//把本次索引 赋值到上次厄索引

      	   }

       window.onload = function() 

      	   {

      	      TtrArray=document.getElementById("tablelist").getElementsByTagName("tr");

      	    }

当表格的行数在 30行之内时
IE 6，IE7,IE8,FIREFOX都没问题
当超过80或更多行时
IE6 ,IE7 整个表格就没了，但是在IE8和FIREFOX下正常
为什么啊？困扰很久了！！！！！

...全文

86 4 打赏收藏转发到动态举报

写回复

用AI写文章

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

编程有钱人了 2010-12-13

打赏
举报

[Quote=引用 1 楼 charrys 的回复:]

感觉你这个效果很不好。。我把你的效果改一下
HTML code

<!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"……
[/Quote]

没有点击的行不变成原来的颜色。。。。

编程有钱人了 2010-12-13

打赏
举报

谢谢LS的我先试试

86y 2010-12-13

打赏
举报

感觉你这个效果很不好。。我把你的效果改一下



<!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>

 function changeTrColor() 

{

	var TtrArray=document.getElementById("tablelist").getElementsByTagName("tr");

    for(i=0;i<TtrArray.length;i++)

	{

		TtrArray[i].onclick=function stt(){

			if(this.className!="select")

				this.className="select";

			else

				this.className="";

		}

		TtrArray[i].onmouseover=function sdd(){

			if(this.className!="select")

				this.className="overclass";

		}

		TtrArray[i].onmouseout=function sdd(){

			if(this.className=="select")

				this.className="select";

			else

				this.className="";

		}

	}

 }

 window.onload = changeTrColor;

</script>

<style>

.overclass{background:#eee;}

.select{background:#ccc}

.tabes{background:#eee;}

</style>

</head>



<body>

<table width="800" border="1" cellpadding="0" cellspacing="0" class="tablestyle3_table" id="tablelist">

  <tr class="table_th">

    <td>a</td>

 <td>b</td>

 <td>c</td>

 <td>d</td>

  </tr>

  <tr class="table_th">

     <td>a</td>

 <td>b</td>

 <td>c</td>

 <td>d</td>

  </tr>

  <tr class="table_th">

     <td>a</td>

 <td>b</td>

 <td>c</td>

 <td>d</td>

  </tr>

  <tr class="table_th">

     <td>a</td>

 <td>b</td>

 <td>c</td>

 <td>d</td>

  </tr>

<tr class="table_th">

     <td>a</td>

 <td>b</td>

 <td>c</td>

 <td>d</td>

  </tr>

  <tr class="table_th">

     <td>a</td>

 <td>b</td>

 <td>c</td>

 <td>d</td>

  </tr>

  <tr class="table_th">

     <td>a</td>

 <td>b</td>

 <td>c</td>

 <td>d</td>

  </tr>

  <tr class="table_th">

     <td>a</td>

 <td>b</td>

 <td>c</td>

 <td>d</td>

  </tr>

</table>



</body>

</html>

86y 2010-12-13

打赏
举报

[Quote=引用 3 楼 wangjun8868 的回复:]
引用 1 楼 charrys 的回复:

感觉你这个效果很不好。。我把你的效果改一下
HTML code

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http:……
[/Quote]
我做的就是这个效果。。你可以再点就会还原了！