JS修改CSS样式

Question

页面打开“产品资料”显示为绿色，“产品软件”显示为白色，点击“产品软件”显示为绿色，产品资料”显示为白色。现在的问题是由于使用<a>样式不好控制，如果设置a:link颜色为绿色，点击“产品软件”时，两个都显示为绿色，如何清除原有样式或改变a:link的样式？ <script language="JavaScript1.2">

function showhidediv(id){ if (id == 'btn1_div') 
{
btn1_div.style.display='';
btn2_div.style.display='none';
document.getElementById("btn1").className="down_btn1 font18bg";
document.getElementById("btn2").className="down_btn font18b";
} 
else 
{
btn1_div.style.display='none';
btn2_div.style.display='';
document.getElementById("btn1").className="down_btn font18b";
document.getElementById("btn2").className="down_btn1 font18bg";
} 

 }</script>
<div id="btn1" class="down_btn1 font18bg"><a href="#" onclick="showhidediv('btn1_div')">产品资料</a></div>
<div class="down_space8"></div>
<div id="btn2" class="down_btn font18b"><a href="#" onclick="showhidediv('btn2_div')">产品软件</a></div>
<div class="down_space"></div>

Answer 1

你的btn1_div，btn2_div。我在你的HTML里根本看不到？？

Answer 2

down_btn font18b
down_btn1 font18bg这两个样式贴出来一下

Answer 3

.down_btn{ width:123px; height:34px; background-image:url(../images/down_btnb.jpg); background-repeat:no-repeat; float:left; line-height:36px; text-align:center; padding-top:7px;}
.font18bg{
font-size: 18px;
font-weight: bold;
color:#52E37E
}

Answer 4

有两个样式：
样式A：菜单未被选中效果[down_btn font18b]
样式B：菜单被选中效果[down_btn1 font18bg]有N项菜单，选中的那项给样式B，其他未选中的给样式A如果是这样的需求，那我看你的js没什么问题，你的样式定义错了？？

Answer 5

楼主的意思应该是设置的样式被a.link的原有样式覆盖掉了吧
把链接改白色的时候同时把链接的href属性移除掉试试

Answer 6

是能实现，但有个小问题，请注意：打开页面默认其中一个字体是绿色的，另一个字体是白色的，我定义的时候就使用a link定义为绿色，然后再点击另一个时，被先前定义为绿色的还是显示为绿色，没有被js中的样式取代，我的想法是点击第二个的时候清除原定义的绿色

Answer 7

因为你定义了a.link的样式，所以你对带有href属性的a标签设置的样式都会被a.link覆盖。。应该是这个问题。。按你得要求，，你可以试试把a.link的样式设定成默认的白色以后，，把想设置成绿色的标签的href属性去掉，，比如if (id == 'btn1_div') 
    {
        btn1_div.style.display='';
        btn2_div.style.display='none';
        document.getElementById("btn1").className="down_btn1 font18bg";
        document.getElementById("btn1").removeAttribute("href");
        document.getElementById("btn2").className="down_btn font18b";
        document.getElementById("btn2").setAttribute("href","#")
    } 

Answer 8

是的，使用你给的代码也不能实现，打开此页时关键是默认为绿色，这个代码不能实现，所以我才单独定制了a.link的样式

Answer 9

？没看明白，整个页面的a.link的样式现在默认是绿色？你单独定制的是整个页面的a.link还是只是这两个a标签上的css？如果是整个页面的a.link已经被设定好是绿色的话，，那你看看能不能不用a标签，你需要的只是一个onclick事件，用div也是可以加onclick的，下划线什么的都可以在样式里设定