我有一个元素已经有一个类：
<div class="someclass">
<img ... id="image1" name="image1" />
</div>
现在，我想创建一个JavaScript函数，它将向div添加一个类（不是替换，而是添加）。
我该怎么做？
当前回答
要以简单的方式添加、删除或检查元素类，请执行以下操作：
var uclass = {
exists: function(elem,className){var p = new RegExp('(^| )'+className+'( |$)');return (elem.className && elem.className.match(p));},
add: function(elem,className){if(uclass.exists(elem,className)){return true;}elem.className += ' '+className;},
remove: function(elem,className){var c = elem.className;var p = new RegExp('(^| )'+className+'( |$)');c = c.replace(p,' ').replace(/ /g,' ');elem.className = c;}
};
var elem = document.getElementById('someElem');
//Add a class, only if not exists yet.
uclass.add(elem,'someClass');
//Remove class
uclass.remove(elem,'someClass');
其他回答
最短的
image1.parentNode.className+=' box';
image1.parentNode.className+=“box”；.box{width:100px；height:100px，background:red；}<div class=“someclass”><img。。。id=“images1”name=“image1”/></div>
如果您只针对现代浏览器：
使用element.classList.add添加类：
element.classList.add("my-class");
和element.classList.remove删除类：
element.classList.remove("my-class");
如果您需要支持Internet Explorer 9或更低版本：
在元素的className属性中添加一个空格加上新类的名称。首先，在元素上放置一个id，这样就可以轻松地获得引用。
<div id="div1" class="someclass">
<img ... id="image1" name="image1" />
</div>
然后
var d = document.getElementById("div1");
d.className += " otherclass";
注意其他类之前的空格。包含空间很重要，否则它会损害类列表中前面的现有类。
另请参见MDN上的element.className。
假设您所做的不仅仅是添加这个类（例如，您还有异步请求等），我建议使用Prototype或jQuery这样的库。
这将使你需要做的所有事情（包括这个）变得非常简单。
假设您现在在页面上有jQuery，您可以使用如下代码向元素添加类名（在本例中是加载时）：
$(document).ready( function() {
$('#div1').addClass( 'some_other_class' );
} );
查看jQueryAPI浏览器以了解其他内容。
document.getElementById('some_id').className+=' someclassname'
OR:
document.getElementById('some_id').classList.add('someclassname')
当第二种方法不起作用时，第一种方法有助于添加类。在第一种方法中，不要忘记在“someclassname”前面留一个空格。
对于删除，您可以使用：
document.getElementById('some_id').classList.remove('someclassname')
要以简单的方式添加、删除或检查元素类，请执行以下操作：
var uclass = {
exists: function(elem,className){var p = new RegExp('(^| )'+className+'( |$)');return (elem.className && elem.className.match(p));},
add: function(elem,className){if(uclass.exists(elem,className)){return true;}elem.className += ' '+className;},
remove: function(elem,className){var c = elem.className;var p = new RegExp('(^| )'+className+'( |$)');c = c.replace(p,' ').replace(/ /g,' ');elem.className = c;}
};
var elem = document.getElementById('someElem');
//Add a class, only if not exists yet.
uclass.add(elem,'someClass');
//Remove class
uclass.remove(elem,'someClass');
