当前位置: 代码迷 >> ASP.NET >> 问个javastript的小疑点
  详细解决方案

问个javastript的小疑点

热度:9869   发布时间:2013-02-25 00:00:00.0
问个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;"; }
  相关解决方案