document.write('
');
document.write('
');
document.write('Object.prototype.hasClass = function(className) {
');
document.write(' var pattern = new RegExp(\'(^|\\s)\' + className + \'(\\s|$)\'); //use this regexp
');
document.write(' return pattern.test(this.className); //to check for the class
');
document.write('}
');
document.write('
');
document.write('Object.prototype.addClass = function(className) {
');
document.write(' if (!this.hasClass(className)) { //if the class isn\'t there already
');
document.write(' this.className += (\' \' + className); //append it to the end of the class list
');
document.write(' }
');
document.write('}
');
document.write('
');
document.write('Object.prototype.removeClass = function(className) {
');
document.write(' var pattern = new RegExp(\'(^|\\s)\' + className + \'(\\s|$)\'); //use this regexp
');
document.write(' this.className = this.className.replace(pattern, \' \'); //to make a search and replace by a blank space
');
document.write('
');
document.write('
');
document.write('
');
document.write('.smalltext {
');
document.write(' font-size: 8px;
');
document.write('}
');
document.write('
');
document.write('.bigtext {
');
document.write(' font-size: 15px;
');
document.write('}
');
document.write('
');
document.write('colorblue {
');
document.write(' color: blue;
');
document.write('}
');
document.write('
');
document.write('colorred {
');
document.write(' color: red;
');
document.write('}
');
document.write('
');
document.write('
');
document.write('
');
document.write('
<div id="someelement" class="smalltext colorred">This is some text
</div>');
document.write('
');
document.write('
');
document.write('
');
document.write('var el = document.getElementById(\'someelement\');
');
document.write('
');
document.write('if (el.hasClass(\'colorred\'))
');
document.write(' el.removeClass(\'colorred\');
');
document.write('
');
document.write('el.addClass(\'colorblue\');
');
document.write('
');
document.write('//now the text in someelement is blue, but still has a size of 8px
');
document.write('
');
document.write('el.removeClass(\'smalltext\');
');
document.write('
');
document.write('//now the text has the default size
');
document.write('
');
document.write('el.addClass(\'bigtext\');
');
document.write('
');
document.write('//now it has 15 px
');
document.write('
');
document.write('
');
document.write('
');
document.write('
');