Question

I am attempting to remove a class from an html tag using JavaScript but I have no idea where to start. I have searched but to no avail. While I am decently fluent in jQuery, I am not in JavaScript and I need to use JavaScript in this instance Anything I have found thus far would need to be adjusted for my own use, which I have not been successful at. Hopefully someone can explain it in a fool-proof way.

The element the class is attached to is the “ul” tag. The class is named “nojavaScript” and is only applied to this single instance of the “ul” tag. While as I said the class is only used once in the page, the “ul” tag is used in other instances with different classes or ids.
If it would make it easier for the JavaScript, I can change the class to an id.

I hope I have given you enough to go on. I will include an example of the html code below.

<ul id="lines_list" class="nojavaScript"></ul>

As I mentioned, if it’s easier to remove an id than a class, I can make the current id a class, and the current class an id. But essentially it’s the “nojavaScript” that needs to be removed.

Thanks!

Answer 1

function removeCSSClass(element, className) {
    var cssClass = ' ' + element.className + ' ';
    var index = cssClass.indexOf(' ' + className + ' ');
    if (index >= 0) {
        var newClass = cssClass.substr(0, index) + ' ' + cssClass.substr(index + className.length + 1);
        element.className = newClass;
    }
}

UPDATE: code now works in all occassions