JS修改CSS样式

11 个解决方案

#1

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

#2

就是两个层切换，点一个显示一个，隐藏另一个。你说的那两个层就是内容层。

#3

down_btn font18b
down_btn1 font18bg

这两个样式贴出来一下

#4

用jquery控制不是更方便些。

#5

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

引用 3 楼的回复:

down_btn font18b
down_btn1 font18bg

这两个样式贴出来一下

#6

有两个样式：
样式A：菜单未被选中效果[down_btn font18b]
样式B：菜单被选中效果[down_btn1 font18bg]

有N项菜单，选中的那项给样式B，其他未选中的给样式A

如果是这样的需求，那我看你的js没什么问题，你的样式定义错了？？

#7

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

#8

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

#9

因为你定义了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","#")

    }

#10

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

引用 9 楼的回复:

因为你定义了a.link的样式，所以你对带有href属性的a标签设置的样式都会被a.link覆盖。。应该是这个问题。。按你得要求，，你可以试试把a.link的样式设定成默认的白色以后，，把想设置成绿色的标签的href属性去掉，，比如
JScript code

if (id == 'btn1_div')
    {
        btn1_div.style.display='';
  ……

#11

引用 10 楼的回复:

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

？没看明白，整个页面的a.link的样式现在默认是绿色？你单独定制的是整个页面的a.link还是只是这两个a标签上的css？

如果是整个页面的a.link已经被设定好是绿色的话，，那你看看能不能不用a标签，你需要的只是一个onclick事件，用div也是可以加onclick的，下划线什么的都可以在样式里设定