how to replace class HTML name with javascript

javascript replace classname
user1064634 picture user1064634 · Jan 3, 2012 · Viewed 48.8k times · Source

ok so what I'm trying to do is to get the element's with the class name 'no-js' and replace it with 'js', so I have NO idea how to do this, I tried google around But couldn't find anything, so does anyone now how to do this?

what I'm trying to make Is this menu that when you click on a Plus button it has this drop down menu, but if javascript is disabled I want it to show on hover with css ( i've already done that )

i've put My code on JsFiddle, heres the link: http://jsfiddle.net/MrPumpkin22/v9dcC/10/

thanks.

Answer

Wayne picture Wayne · Jan 3, 2012

You need to iterate the returned elements and replace that portion of the class name on each one:

var els = [].slice.apply(document.getElementsByClassName("no-js"));
for (var i = 0; i < els.length; i++) {
    els[i].className = els[i].className.replace(/ *\bno-js\b/g, "js");
}

Note that getElementsByClassName returns a "live list", which is why it's necessary to first make a copy of the return value (using [].slice) and iterate that list instead).

Related questions

Remove classname from element with javascript

I found the following regex from another Stack Overflow question: Change an element's class with JavaScript And have used it in part of my script with success, however in another it seems to be failing. I threw together a very …

Read More
How to replace all occurrences of a string?

I have this string: "Test abc test test abc test test test abc test test abc" Doing: str = str.replace('abc', ''); seems to only remove the first occurrence of abc in the string above. How can I replace all …

Read More
How can I remove a character from a string using Javascript?

I am so close to getting this, but it just isn't right. All I would like to do is remove the character r from a string. The problem is, there is more than one instance of r in the string. …

Read More