function cssRegex(c) {
return new RegExp('(?:s|^)' + c + '(?:s|$)');
}
function hasClass(e,c) {
return e.className.match(cssRegex(c));
}
function addClass(e,c) {
if (!hasClass(e,c)) {
e.className += ' '+c;
return true;
}
return false;
}
function removeClass(e,c) {
if (hasClass(e,c)) {
e.className=e.className.replace(cssRegex(c),' ');
return true;
}
return false;
}
Tag Archive for hasclass
testing, adding, and removing classes from an html element
toggle classnames on a DOM element (supports multiple classnames)
/**
* Toggle ClassName
* Works on els with multiple classnames
*/
function toggleClassname (el, newClassname, defaultClassname) {
if (hasClass( el, defaultClassname)){
var re = new RegExp("(^|s)" + defaultClassname + "(s|$)");
el.className = el.className.replace(re, ' '+ newClassname +' ');
} else if (hasClass( el, newClassname)){
var re = new RegExp("(^|s)" + newClassname + "(s|$)");
el.className = el.className.replace(re, ' '+ defaultClassname +' ');
} else
el.className += ' ' + newClassname;
}
/**
* Has Class? (Matt Kruse)
* Kruse's hasClass, with slight modification
* Determine if an object or class string contains a given class.
* see <a href="http://groups.google.com/group/comp.lang.javascript/browse_thread/thread/b68cac304ee6de78/e445c1df18698a3f?lnk=gst&q=hasclass&rnum=3" >http://groups.google.com/group/comp.lang.javascript/browse_thread/thread/b68cac304ee6de78/e445c1df18698a3f?lnk=gst&q=hasclass&rnum=3</a>
*/
function hasClass (obj, className) {
if (typeof obj == 'undefined' || obj==null || !RegExp) {
return false;
}
var re = new RegExp("(^|s)" + className + "(s|$)");
if (typeof(obj)=="string") {
return re.test(obj);
}
else if (typeof(obj)=="object" && obj.className) {
return re.test(obj.className);
}
return false;
};
Kruse’s hasClass
/*
** Matt Kruse's hasClass, with slight modification
** Determine if an object or class string contains a given class.
*/
function hasClass (obj, className) {
if (typeof obj == 'undefined' || obj==null || !RegExp) { return false; }
var re = new RegExp("(^|s)" + className + "(s|$)");
if (typeof(obj)=="string") {
return re.test(obj);
}
else if (typeof(obj)=="object" && obj.className) {
return re.test(obj.className);
}
return false;
}
Category: Uncategorized |
Tags: className, css, DOM, hasclass, icanhasclass, mattkruse, regex, selector, utilities, whitespace