<script type="text/javascript"> var o = document.getElementById("div"); while(o!=null){ if(o.tagName=="TBODY") break; o = o.parentNode; } var gi=0; var ii=0; var arr=new Array(); for(var i=1;i<o.children.length;i++){ var ro = o.children[i]; var c = ""; ro.onmouseover = function(){ c = this.style.backgroundColor; this.style.backgroundColor = "#F0F0F0"; } ro.onmouseout = function(){ this.style.backgroundColor = c; } if(ro.style.color=="navy"){ ro.id=gi; gi++; }else{ var vi=gi-1; ro.id=vi+"_"+ii; arr[ii]=ro; ii++; ro.style.display="none"; } } for(var i=1;i<o.children.length;i++){ var ro = o.children[i]; ro.onclick = function(){ gid=this.id; for(var j=0;j<arr.length;j++){ iid=arr[j].id; if(iid.indexOf(gid+"_")!=-1){ var oo = document.getElementById(iid); if(oo.style.display==""){ oo.style.display="none"; }else if(oo.style.display=="none"){ oo.style.display=""; } } } var tn = this.firstChild.firstChild.innerHTML; if(tn=="+"){ this.firstChild.firstChild.innerHTML="-"; }else if(tn=="-"){ this.firstChild.firstChild.innerHTML="+"; } } } </script>
<div id="div"></div>
在分组行OnRender中设置行颜色 this.getStyle().color="navy";