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

问个javastript的小问题
<div id="01" style="float:left; width:50px; border:1px solid red"><img src="/Images/wish/icon_0.gif" width="50" height="50" style="border:red" onclick="SetF_Image(this,'/Images/wish/icon_0.gif')" /></div> &nbsp;
  <div id="02" style="float:left; width:50px"> <img src="/Images/wish/icon_2.gif" onclick="SetF_Image(this,'/Images/wish/icon_2.gif')"/></div>;

这个是两个div 我如何单击改变他的样式 
function SetF_Color(Object,str)
{  
  var id=Object.id;
  document.getElementById('id').style.border="1px";1 就是想被我选中的DIV 实现这两个样式
  document.getElementById('id').style.solid="red";2
}
这样写不对

------解决方案--------------------
引用楼主 took123 的帖子:
<div id="01" style="float:left; width:50px; border:1px solid red"> <img src="/Images/wish/icon_0.gif" width="50" height="50" style="border:red" onclick="SetF_Image(this,'/Images/wish/icon_0.gif')" /> </div> &nbsp;
<div id="02" style="float:left; width:50px"> <img src="/Images/wish/icon_2.gif" onclick="SetF_Image(this,'/Images/wish/icon_2.gif')"/> </div>;

这个是两个div 我如何单…

------解决方案--------------------
HTML code
<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;"; 
}