if (allHTMLTags[i].className.match(/(^| )theClass( |$)/))

this means it starts with the class name, or there is a space before the class name, and it ends with the class name, or there is a space after the class name.

For those having trouble to make it work, I suggest looking at these characters: ‘ and ” because sometimes they paste a little stylish and are not recognized as code.

I’m just a newbie in JS. Could you write a simple but real example to display how we can getElementByClass? I’ve tried out for many times but failed.

My code:

/* getElementByClass
/**********************/

var allHTMLTags = new Array();

function getElementByClass(theClass) {
//Create Array of All HTML Tags
var allHTMLTags=document.getElementsByTagName(“*”);

//Loop through all tags using a for loop
for (i=0; i<allHTMLTags.length; i++) {

//Get all tags with the specified class name.
if (allHTMLTags[i].className==theClass) {

//Place any code you want to apply to all
//pages with the class specified.
//In this example is to "display:none;" them
//Making them all dissapear on the page.

document.className('whatever').style.color='red';

}
}
}

div

I want to have the div with class name “whatever” that its text “div” is to be changed to red in colour.

Could you show me how we can achieve it?
Thank you!

I’m trying to figure out how to change the background of multiple div’s (of class “blank”) with a single link.

var allHTMLTags = new Array();

function changeDivBG(imgName) {
var allHTMLTags=document.getElementsByTagName(“blank”);
for (i=0; i<allHTMLTags.length; i++) {
if (allHTMLTags[i].className==imgName) {
allHTMLTags[i].style.backgroundImage = "url("+imgName+")";
}
}
}

on the site I have multiples of this div

and one of this:
Happy

But it’s not working. I would appreciate any help!

Thanks in advance!

/* function name: getElementByClass
* purpose: gets all elements based off of a class
* input: String, String (optional)
* output: none
*/
function getElementsByClass(theClass, classType)
{
//pulls the elements based off of their tag
//if one is not specified, it will pull everything
var allHTMLTags=document.getElementsByTagName((classType?classType:’*'));

//temp array that is going to grab our elements
var returnerArray = new Array();

//go through the main array of elements
for (var i=0; i<allHTMLTags.length; i++)
{
//if the element is within the class we want
//we will add it to our array
if (allHTMLTags[i].className==theClass)
{
returnerArray.push(allHTMLTags[i]);
}
}

//send the array back to the calling function
return returnerArray;
}

window.onload = function() {

var allATags = new Array();
var allATags = document.getElementsByTagName(‘A’);

for (i=0; i < allATags.length; i++) {
if (allATags[i].className == 'noshow') {
allATags[i].onclick = function(){ return false; };
}
}
}