JS批改CSS样式

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

HTML code

                <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>

[解决办法]
楼主的意思应该是设置的样式被a.link的原有样式覆盖掉了吧
把链接改白色的时候同时把链接的href属性移除掉试试
[解决办法]
因为你定义了a.link的样式，所以你对带有href属性的a标签设置的样式都会被a.link覆盖。。应该是这个问题。。按你得要求，，你可以试试把a.link的样式设定成默认的白色以后，，把想设置成绿色的标签的href属性去掉，，比如

JScript code

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","#")    } 

 

查看更多 下一篇