日期:2014-05-18  浏览次数:20433 次

再问一个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>