Comments on: HTML5 classList API

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

By: Aubrey

Aubrey — Tue, 13 Jul 2010 15:12:20 +0000

@Alex Hall:
I wish there was one browser and all used it. That’d be bliss! :)

By: David Walsh

David Walsh — Tue, 13 Jul 2010 15:08:43 +0000

@Alex Hall: I hope that’s not the case — seems *very* easy to implement.

By: Alex Hall

Alex Hall — Tue, 13 Jul 2010 14:25:41 +0000

I feel it’s going to be a standard that won’t be implemented for a long time to come across all vendors, but it is certainly worth the wait. And at least we have libraries to fall back on for the moment.

Just wish that there was one JavaScript engine and all used it. Only in a perfect world I guess, and that would also apply for CSS(3) etc.