Comments on: HTML5 classList API

By: Kyle A. Matheny

Kyle A. Matheny — Tue, 08 May 2012 20:02:22 +0000

Just an update:
All modern browsers now support classList. IE is lacking, as usual.

By: Dan Nguyen

Dan Nguyen — Mon, 07 May 2012 19:25:02 +0000

Maybe I’m just missing it…but there’s no timestamps for the blog post or comments? I’m sure there’s an editorial aesthetic behind it, but it makes it hard to evaluate statements such as “Mozilla Firefox is the only browser that currently supports the classList API.”

I only take the time to complain because the post overall is an excellent reference :)

By: Göldi

Göldi — Wed, 29 Feb 2012 22:44:27 +0000

With all these modern API implementations, programming JavaScript will be boring soon ;)

By: Derek

Derek — Sat, 02 Jul 2011 03:11:03 +0000

Supported browsers includes Firefox and Google Chrome. Maybe Safari too? I am not sure about that…
Thanks for the great article!

By: gossi

gossi — Fri, 08 Apr 2011 11:05:59 +0000

That’s good stuff, but hmm chaining seems not working (FF4):

element.classList.add(“added-class”).remove(“removed-class”);

does not work :/

If there is room for improvement, I wish toggle, remove and add would be available for chaining. What you guys think?

By: Rudie

Rudie — Fri, 17 Dec 2010 18:43:49 +0000

mathias, the more ‘accepted’ way to test for such properties is:

'classList' in document.createElement('p')

This way also properties that are 0 or false or empty string or null are found. (In this case it doesn’t matter because the classList object never evaluates to false, but still…)

By: Mathias Bynens

Mathias Bynens — Fri, 16 Jul 2010 07:15:22 +0000

Feature test for HTML5 classList:

if (!!document.createElement('p').classList) { // native classList support };

By: Richieliu

Richieliu — Thu, 15 Jul 2010 00:59:52 +0000

very good! Has now come true?

By: David Walsh

David Walsh — Tue, 13 Jul 2010 16:05:59 +0000

@Jani Peltoniemi: I do too, but MooTools could (and probably will, once more browsers implement classList) use these native methods to more quickly add/remove/toggle classes.

By: Jani Peltoniemi

Jani Peltoniemi — Tue, 13 Jul 2010 15:56:07 +0000

It’s a step forward, but I prefer Mootools’ Element.addClass over Element.classList.add