For folks hitting this page on searches, here are some mods that I did to handle elements that have multiple classes defined.
function hideClass(objClass){ // This function will hide Elements by object Class // Works with IE and Mozilla based browsers
var elements = (ie) ? document.all : document.getElementsByTagName('*'); var classRx = new RegExp('\\b'+objClass+'\\b'); for(i=0; i<elements.length; i++){ if(classRx.test(elements[i].className)){
elements[i].style.display="none" } } }
function showClass(objClass){ // This function will show Elements by object Class // Works with IE and Mozilla based browsers var elements = (ie) ? document.all : document.getElementsByTagName('*'); var classRx = new RegExp('\\b'+objClass+'\\b'); for(i=0; i<elements.length; i++){ if(classRx.test(elements[i].className)){ //elements[i].style.display="block"
elements[i].style.display="" } } }
<a class="important fancy" href="http://www.google.ca">Google</a>
function hideClass(objClass){
// This function will hide Elements by object Class
// Works with IE and Mozilla based browsers
var elements = (ie) ? document.all : document.getElementsByTagName('*');
var classRx = new RegExp('\\b'+objClass+'\\b');
for (i=0; i<elements.length; i++){
if (classRx.test (elements[i].className)){
elements[i].style.display="none"
}
}
}
function showClass(objClass){
// This function will show Elements by object Class
// Works with IE and Mozilla based browsers
var elements = (ie) ? document.all : document.getElementsByTagName('*');
var classRx = new RegExp('\\b'+objClass+'\\b');
for (i=0; i<elements.length; i++){
if (classRx.test (elements[i].className)){
//elements[i].style.display="block"
elements[i].style.display=""
}
}
}
Regards,
Kumar S
GuyFromChennai.com