Using classlist with array argument

by Richard Hunter

HTML

<div id='bar'>this is bar</div>
<div id='goo'>this is goo</div>

CSS

div {
    
    margin : 10px;
}
.red {
    
    background : red;
}
.green {
    font-size : 3em;
    color : green;
}

JavaScript

var args = ['red', 'green'];

var bar = document.getElementById('bar');
var goo = document.getElementById('goo');


bar.classList.add(args);
goo.classList.add.apply(goo.classList, args);