Javascript CSS不会在classname开关上激活

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

JavaScript函数：

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

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

---

EDIT1:

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

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

---

它将立即更改您的类。

名为

sheridan（）

的函数已成功调用，但它绑定到名为“Default”的链接，而不是“sheridan”的链接

基本上，您应该改变这一点：

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>

选择主题：
| 
| 

---

这是固定的小提琴。我添加了一个

back2default（）

函数作为额外功能。

plunkr/codepen/请演示您的问题！请把这个放在JSbin上或摆弄HTML，可能问题就不在这里了。工作如预期的那样：这样做：更好的方法是像

等。将每个主题放在相同的方式上，然后附加一个单击处理程序，而不是使用内联onclick，唯一的单击处理程序可以获得主题名称（css类）从

数据主题

，而不是为每个主题编写单独的函数。

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