纯javascript中的selector.addClass('classname')

Question

在jQuery中你可以这样做:

$('#myElement').addClass('header');

我怎么能在纯JavaScript中这样做

var elem = document.getElementById('myElement');
elem.addClass('header');

所以我想创建一个小的自定义库,在函数之前使用选择器而不是:

function addClass(element, class) {
    element.className += ' ' + class;
}

这被称为:

var elem = document.getElementById('myElement');
addClass(elem, 'header');

这是可能的,如果是我怎么能这样做？

Answer 1

在HTML5浏览器中,您可以这样做:

elem.classList.add('header');

我强烈建议尽可能使用现代标准进行编码,并根据需要使用垫片支持旧浏览器.最终你将能够淘汰填充程序,你不会因为旧的浏览器而只留下一堆粗糙的低效旧代码.