replace class name with javascript

Question

I need help finding an element with a specific class name and then replace it with a new class name. Here is the code I came up with. I get no results. The class name does not change, and there are no errors in the console.

Updated Code:

var classMatches = document.querySelectorAll(".crux.attachFlash");
for (var i = 0; i < classMatches.length; i++) {
    classMatches[i].className = " ";
}

You're looping but never using the i to actually access an individual element of the collection. — Paul Phillips
– Paul Phillips, Commented Jun 5, 2012 at 22:20

David Thomas · Accepted Answer · 2012-06-05 22:19:59Z

3

Because you need to amend the class-name of the matched element, not the array of elements:

var classMatches = document.querySelectorAll(".crux.attachFlash");
for (var i = 0; i < classMatches.length; i++) {
    classMatches[i].className = " ";
}

You forgot the [i] index, so you were trying to set the className for whole array (Which, as you've found, does not work).

answered Jun 5, 2012 at 22:19

David Thomas

254k53 gold badges382 silver badges421 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Daniel Over a year ago

Ah! thank you so much that clears it up :) Oh if I could ask about one more thing. If i wanted to use getElementsByClassName instead of querySelectorAll could you show me how?

David Thomas Over a year ago

As far as I'm aware there's no difference; just substitute getElementsByClassName() for querySelectorAll().

Collectives™ on Stack Overflow

replace class name with javascript

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related