jQuery不能用或者jQuery没法及时使用的时候,有需要操作节点的className,就可以用这些代码了。
var addClass = function(elem, str) {
if (elem.className == str) return
if (elem.className.indexOf(str+' ') > -1) return
if (elem.className.indexOf(' '+str) > -1) return
str = (elem.className == '')?str:' '+str
elem.className += str
elem.className = elem.className.replace(/s{2,}/g, ' ')}
var removeClass = function(elem, str) {
if (elem.className == str) {
elem.removeAttribute('class')
return
} else if (elem.className.indexOf(str+' ') > -1) {
elem.className = elem.className.replace(str+' ','')
} else if (elem.className.indexOf(' '+str) > -1) {
elem.className = elem.className.replace(' '+str,'')
}
elem.className = elem.className.replace(/s{2,}/g, ' ')}
【使用方法】
例如:
addClass(document.querySelector('.hello-world'), 'demo')
removeClass(document.querySelector('.hello-world'), 'hello-world')
