Question

i have 5 div’s of the same class but different id stacking on top of each other. how do I traverse them using javascript? they are named div1, div2, div3, etc…

also, how do i change each div’s attribute while traversing?

thank you very much.

tam.

Answer 1

First of all read this article

getElementsByClassName Speed Comparison

and

Enhanced getElementsByClassName

var elements = document.getElementsByTagName("div");

for ( var i = 0; len = elements.length; i < len; i ++ )
{
    if ( elements[i].className === "yourclassname" )
    {
        // change the desired attribute of element.
        //Eg elements[i].style.display = "none";
    }
}

Using jQuery each function

$(".yourclassname").each ( function() {
    // $(this) will fetch the current element
});