Question

我有CSS问题，默认的类名是＆＃34; qFrame＆＃34;。然后我有一个将类名更改为Sheridan的函数。在我的CSS文件中，我有一个选择器＆＃34; .sheridan p＆＃34;应该改变＆＃39; p＆＃39;的颜色。标签，但它不起作用。

JavaScript函数：

function sheridan()
{
    var e = document.getElementsByClassName("qFrame");

    for (var i=0; i<e.length; i+=0)
       e[i].className = "sheridan";   
}

css文件：

.sheridan {
    background-color: #33ABFD;
    border: 3px solid orange;
    border-spacing: 10px;
    overflow: hidden;
    padding-bottom: 10px;
    padding-left: 10px;  
}

.sheridan p {
    color: darkcyanblue;
}

EDIT1：http://jsbin.com/hisasorusu/edit?html,css,js,output

Answer 1

成功调用了名为sheridan()的函数，但它被绑定到名为＆＃34;默认＆＃34;的链接，而不是＆＃34; Sheridan＆＃34;。

基本上，你应该改变这个：

Choose Theme:
<a href="#" onclick="sheridan()">Default</a> | 
<a href="#">Sheridan</a> | 
<a href="#">Candy</a>

进入这个：

Choose Theme:
<a href="#">Default</a> | 
<a href="#" onclick="sheridan()">Sheridan</a> | 
<a href="#">Candy</a>

Here是固定的小提琴。我添加了back2default()函数作为额外功能。

Answer 2

您可以使用jQuery，然后您的代码可能如下所示：

 $('.qFrame').addClass('sheridan');

它会立即改变你的班级。

CSS不会在classname开关上激活

2 个答案: