javascript：将类添加到没有ID的元素

Question

有没有办法将一个类添加到一个没有ID但有一些现有类的元素（使用纯javascript）？如果我有：

<div class="rightAlign pushDown">...</div>

我怎样才能添加一个类来使它像这样

 <div class="rightAlign pushDown redOutline">...</div>

这只是一个简单的例子。添加另一个类而不是在CSS中更改原始类或者用javascript更改类的原因是我正在处理由Dojo创建的元素。我只需要访问没有方便ID的东西来抓住它。

请记住我在javascript和Dojo中工作，我根本不能使用jQuery ......

Answer 1

道场方式如下：

dojo.query(".rightAlign.pushDown").addClass("redOutline");

这将添加类以添加具有这两个类的元素

Answer 2

var elements = document.getElementsByClassName("existing_class");
elements[0].className += " new_class";

如果要为具有指定类的所有元素添加类，请使用循环：

for(var i = 0; i < elements.length; i++){
    elements[i].className =+ " new_class";
}

我认为getElementsByClassName在旧的IE版本中不起作用。

修改 Polyfill用于IE支持