将类添加到具有现有类的元素

时间:2015-12-02 10:27:29

标签: javascript

因此,使用纯javascript可以将类添加到具有已存在类的元素中。我知道你可以为一个元素添加多个类simultanias但我的问题是这样的:

if (i > 1) {
    elem.setAttribute("class", "mobile-hidden");
    elemGhost.setAttribute('class', 'mobile-hidden');
}

//This must be outside of if-statment becouse I am setting other attr on top
document.getElementById("myId").appendChild(elem); 

if (i < (myArray.lenght - 1)) {
    elemGhost.setAttribute('class', 'ghost');
    document.getElementById("myId").appendChild(elemGhost);
} 

正如你在第二个if-statment中看到的那样,覆盖了elemGhost的第一个。

这是我正在创建的表格(HTML DOM)之后的样子。这些类在我下面的visulat描述中的内部()

  

内容幽灵(幽灵 CONTNET 幽灵(幽灵moblie-hidden 内容(< em> mobile-hidden )等等

1 个答案:

答案 0 :(得分:0)

所以在@Tushar和@Alniyak的帮助下我找到了这个。

适用于所有浏览器:http://www.w3schools.com/jsref/prop_html_classname.asp

document.getElementById("myDIV").className += " anotherClass";

对于较新的浏览器,你可以使用这个:http://www.w3schools.com/jsref/prop_element_classlist.asp

document.getElementById("myDIV").classList.add("mystyle");

感谢帮助人员!!