再问一个javastript的小疑点.

再问一个javastript的小问题......在线等
<div id="div01" style="float:left; width:50px; border:1px solid red"> <img src="/Images/wish/icon_0.gif" width="50" height="50" style="border:red" onclick="SetFImage('div01')" /> </div> &nbsp; 
<div id="div02" style="float:left; width:50px"> <img src="/Images/wish/icon_2.gif" onclick="SetFImage('div02')"/> </div>; 


<script language="javascript">

function SetFImage(objid,str) 
{
  document.getElementById(objid).style.cssText="border-top:1px red solid; border-left:1px red solid; border-bottom:1px red solid; border-right:1px red solid;"; 
}

实现了DIV的样式改变。。。

我还好多个DIV 这样实现 只让一个DIV变样式，点下一个 就下一个变了。这个恢复原样

[解决办法]
<script language="javascript"> 

function SetFImage(objid,str) 
{ //先将所有的div变为正常的。
var divs=document.getElementsByTagName("div");
 //在这儿也可以加个判断，以免将不像变样式的div改变。 
for(var i=0;i<divs.length;i++)
{
divs[i].style.cssText="正常的css";
}
//最后把点击的变成想要的。
document.getElementById(objid).style.cssText="border-top:1px red solid; border-left:1px red solid; border-bottom:1px red solid; border-right:1px red solid;"; 
} 


[解决办法]

JScript code

<script language="javascript"> var olddivid = '';var olddivcsstxt = '';function SetFImage(objid,str) {    if(objid != olddivid)//避免重复点击    {        if(olddivid != '')        {            document.getElementById(olddivid).style.cssText = olddivcsstxt;        }        olddivid = objid;        olddivcsstxt = document.getElementById(objid).style.cssText;                document.getElementById(objid).style.cssText="border-top:1px red solid; border-left:1px red solid; border-bottom:1px red solid; border-right:1px red solid;";     }} </script>