Comments on: The ultimate getElementsByClassName, anno 2008 http://robertnyman.com/2008/05/27/the-ultimate-getelementsbyclassname-anno-2008/ Web development and Internet trends Fri, 19 Mar 2010 09:27:41 +0000 http://wordpress.org/?v=2.9.2 hourly 1 By: Robert Nyman http://robertnyman.com/2008/05/27/the-ultimate-getelementsbyclassname-anno-2008/#comment-624841 Robert Nyman Mon, 01 Mar 2010 10:36:14 +0000 http://www.robertnyman.com/2008/05/27/the-ultimate-getelementsbyclassname-anno-2008/#comment-624841 Zu, The function returns an an array. If you get multiple elements back, you need to loop over them; if you just want to change the first, write <code>getElementsByClassName("tab_13")[0].className="lighted";</code> Zu,

The function returns an an array. If you get multiple elements back, you need to loop over them; if you just want to change the first, write getElementsByClassName("tab_13")[0].className="lighted";

]]> By: Zu http://robertnyman.com/2008/05/27/the-ultimate-getelementsbyclassname-anno-2008/#comment-624836 Zu Mon, 01 Mar 2010 10:24:39 +0000 http://www.robertnyman.com/2008/05/27/the-ultimate-getelementsbyclassname-anno-2008/#comment-624836 Hi! I try to use this function in next way: I have div with class tab_13 I type <code>getElementsByClassName("tab_13").className="lighted";</code> but class doesn't change.. then when I type <code>alert (getElementsByClassName("tab_13"));</code> I get <cite>[object HTMLDivElement]</cite> It seems that I go wrong somewhere... But where? :) Thanks for the answers! Hi!
I try to use this function in next way:
I have div with class tab_13
I type
getElementsByClassName("tab_13").className="lighted";
but class doesn’t change..
then when I type
alert (getElementsByClassName("tab_13"));
I get [object HTMLDivElement]
It seems that I go wrong somewhere… But where? :)
Thanks for the answers!

]]> By: Robert Nyman http://robertnyman.com/2008/05/27/the-ultimate-getelementsbyclassname-anno-2008/#comment-623668 Robert Nyman Tue, 23 Feb 2010 15:10:52 +0000 http://www.robertnyman.com/2008/05/27/the-ultimate-getelementsbyclassname-anno-2008/#comment-623668 Toan, It works fine in IE. Please make sure to call it with <code>getElementsByClassName</code>, i.e. not preceded by document. Toan,

It works fine in IE. Please make sure to call it with getElementsByClassName, i.e. not preceded by document.

]]> By: Toan http://robertnyman.com/2008/05/27/the-ultimate-getelementsbyclassname-anno-2008/#comment-623616 Toan Tue, 23 Feb 2010 09:45:23 +0000 http://www.robertnyman.com/2008/05/27/the-ultimate-getelementsbyclassname-anno-2008/#comment-623616 can you fix with IE ? thanks can you fix with IE ?

thanks

]]> By: Robert Nyman http://robertnyman.com/2008/05/27/the-ultimate-getelementsbyclassname-anno-2008/#comment-616337 Robert Nyman Sat, 02 Jan 2010 19:48:30 +0000 http://www.robertnyman.com/2008/05/27/the-ultimate-getelementsbyclassname-anno-2008/#comment-616337 Pritush, Yes, you could easily use <code>getElementsByClassName</code> to do something like that. Also, if you use a JavaScript library, e.g. jQuery, there are a number of already existing tab plugins. Pritush,

Yes, you could easily use getElementsByClassName to do something like that. Also, if you use a JavaScript library, e.g. jQuery, there are a number of already existing tab plugins.

]]> By: Pritush http://robertnyman.com/2008/05/27/the-ultimate-getelementsbyclassname-anno-2008/#comment-615989 Pritush Wed, 30 Dec 2009 16:43:46 +0000 http://www.robertnyman.com/2008/05/27/the-ultimate-getelementsbyclassname-anno-2008/#comment-615989 i am using this for tabs , and need a bit help here is the code i am using <code> tab1 tab1 content Click Here to go tab2 tab2 tab2 contents <code> on clicking, "Click Here to go tab2" user can go to next tab, is it possible to make user go to another tab ( div id="2" )editing onclick="click(this);" i am using this for tabs , and need a bit help
here is the code i am using

tab1
tab1 content

Click Here to go tab2

tab2
tab2 contents

on clicking, "Click Here to go tab2" user can go to next tab,
is it possible to make user go to another tab ( div id="2" )editing onclick="click(this);"

]]> By: Robert Nyman http://robertnyman.com/2008/05/27/the-ultimate-getelementsbyclassname-anno-2008/#comment-615814 Robert Nyman Tue, 29 Dec 2009 19:21:30 +0000 http://www.robertnyman.com/2008/05/27/the-ultimate-getelementsbyclassname-anno-2008/#comment-615814 mighty_child, You just call it with <code>getElementsByClassName("lastPostUser")</code>, NOT having the word <code>document</code> before it. mighty_child,

You just call it with getElementsByClassName("lastPostUser"), NOT having the word document before it.

]]> By: mighty_child http://robertnyman.com/2008/05/27/the-ultimate-getelementsbyclassname-anno-2008/#comment-615733 mighty_child Mon, 28 Dec 2009 16:07:37 +0000 http://www.robertnyman.com/2008/05/27/the-ultimate-getelementsbyclassname-anno-2008/#comment-615733 i wanna change lastPostUser <span class="lastPostUser" ... when i use document.getElementsByClassName("lastPostUser").className = "catLink"; it didnt work.. why? help me i wanna change lastPostUser
<span class="lastPostUser" …

when i use
document.getElementsByClassName("lastPostUser").className = "catLink";

it didnt work.. why? help me

]]> By: Sélectionner les éléments par leur classe avec getElementsByClassName » Javascript & Web Design - Tous les jours le meilleur des ressources Javascript pour intégrateurs web front-end (avec parfois un soupçon de PHP) http://robertnyman.com/2008/05/27/the-ultimate-getelementsbyclassname-anno-2008/#comment-614340 Sélectionner les éléments par leur classe avec getElementsByClassName » Javascript & Web Design - Tous les jours le meilleur des ressources Javascript pour intégrateurs web front-end (avec parfois un soupçon de PHP) Wed, 16 Dec 2009 09:02:23 +0000 http://www.robertnyman.com/2008/05/27/the-ultimate-getelementsbyclassname-anno-2008/#comment-614340 [...] les éléments qui partagent une ou plusieurs classes. C’est là qu’intervient The Ultimate GetElementsByClassName déjà évoqué dans Utillisez le DOM et Javascript comme un chef pour redéfinir le comportement [...] [...] les éléments qui partagent une ou plusieurs classes. C’est là qu’intervient The Ultimate GetElementsByClassName déjà évoqué dans Utillisez le DOM et Javascript comme un chef pour redéfinir le comportement [...]

]]> By: Robert Nyman http://robertnyman.com/2008/05/27/the-ultimate-getelementsbyclassname-anno-2008/#comment-613571 Robert Nyman Wed, 09 Dec 2009 16:54:11 +0000 http://www.robertnyman.com/2008/05/27/the-ultimate-getelementsbyclassname-anno-2008/#comment-613571 Luis, Glad it works for you! Luis,

Glad it works for you!

]]> By: Luis Pabon http://robertnyman.com/2008/05/27/the-ultimate-getelementsbyclassname-anno-2008/#comment-613559 Luis Pabon Wed, 09 Dec 2009 15:39:57 +0000 http://www.robertnyman.com/2008/05/27/the-ultimate-getelementsbyclassname-anno-2008/#comment-613559 Ahhh, Pat @ September 10th, 2009 at 3:39 had the key, the fix suggested works like a charm (prototype conflict) :) Thanks !!! Ahhh, Pat @ September 10th, 2009 at 3:39 had the key, the fix suggested works like a charm (prototype conflict) :)

Thanks !!!

]]> By: Luis Pabon http://robertnyman.com/2008/05/27/the-ultimate-getelementsbyclassname-anno-2008/#comment-613558 Luis Pabon Wed, 09 Dec 2009 15:35:22 +0000 http://www.robertnyman.com/2008/05/27/the-ultimate-getelementsbyclassname-anno-2008/#comment-613558 Having some trouble with this and IE8. The statement "if (document.getElementsByClassName) {" is true on IE8 but still, the function is not supported resulting on execution stopping sharp. Am I missing something? Having some trouble with this and IE8.

The statement “if (document.getElementsByClassName) {” is true on IE8 but still, the function is not supported resulting on execution stopping sharp.

Am I missing something?

]]> By: Le code CSS et Javascript inline saimal--css 4 design http://robertnyman.com/2008/05/27/the-ultimate-getelementsbyclassname-anno-2008/#comment-613402 Le code CSS et Javascript inline saimal--css 4 design Tue, 08 Dec 2009 05:24:56 +0000 http://www.robertnyman.com/2008/05/27/the-ultimate-getelementsbyclassname-anno-2008/#comment-613402 [...] dans les navigateurs. Pour y remédier, je recommande l’utilisation de la fonction getElementsByClassName qui contient par ailleurs quelques fonctionnalités [...] [...] dans les navigateurs. Pour y remédier, je recommande l’utilisation de la fonction getElementsByClassName qui contient par ailleurs quelques fonctionnalités [...]

]]> By: JavaScript Toolkit – Nov 2009 | dConstructing - JavaScript http://robertnyman.com/2008/05/27/the-ultimate-getelementsbyclassname-anno-2008/#comment-610469 JavaScript Toolkit – Nov 2009 | dConstructing - JavaScript Mon, 16 Nov 2009 22:50:36 +0000 http://www.robertnyman.com/2008/05/27/the-ultimate-getelementsbyclassname-anno-2008/#comment-610469 [...] the their class names instead. Please read the creator’s page for proper usage instructions. Original Source – check for terms of [...] [...] the their class names instead. Please read the creator’s page for proper usage instructions. Original Source – check for terms of [...]

]]> By: Robert Nyman http://robertnyman.com/2008/05/27/the-ultimate-getelementsbyclassname-anno-2008/#comment-604451 Robert Nyman Mon, 05 Oct 2009 19:27:54 +0000 http://www.robertnyman.com/2008/05/27/the-ultimate-getelementsbyclassname-anno-2008/#comment-604451 Fredrik, It's a valid question, but generally I see this as a fast stand-alone and consistent <code>getElementsByClassName</code> across web browsers. For more advanced usage I'd probably recommend a selector engine as well. Fredrik,

It’s a valid question, but generally I see this as a fast stand-alone and consistent getElementsByClassName across web browsers.

For more advanced usage I’d probably recommend a selector engine as well.

]]> By: Fredrik http://robertnyman.com/2008/05/27/the-ultimate-getelementsbyclassname-anno-2008/#comment-604441 Fredrik Mon, 05 Oct 2009 16:57:13 +0000 http://www.robertnyman.com/2008/05/27/the-ultimate-getelementsbyclassname-anno-2008/#comment-604441 ok, thanks. Not sure if you rate this snippet as a library component? In that case if would be nice to automatically add the '*'->null conversion. -- Currently tag name is obviously optional, but personally I quite often need both tag- and class-name in various combinations. That pattern is present in MochiKit as getElementsByTagAndClassName() http://mochikit.com/doc/html/MochiKit/DOM.html#fn-getelementsbytagandclassname Difference with youe code (apart from speed :) ) is that is is symmetric with regards to tag or class being null/optional. (i.e it has an explicit getElementsByTagName path). Perhaps that would be a case worth exploring performance profiles for also? (yes, I guess I should rather use a proper selector engine..) ok, thanks.
Not sure if you rate this snippet as a library component? In that case if would be nice to automatically add the ‘*’->null conversion.
–
Currently tag name is obviously optional, but personally I quite often need both tag- and class-name in various combinations. That pattern is present in MochiKit as getElementsByTagAndClassName() http://mochikit.com/doc/html/MochiKit/DOM.html#fn-getelementsbytagandclassname
Difference with youe code (apart from speed :) ) is that is is symmetric with regards to tag or class being null/optional. (i.e it has an explicit getElementsByTagName path).
Perhaps that would be a case worth exploring performance profiles for also?

(yes, I guess I should rather use a proper selector engine..)

]]> By: Robert Nyman http://robertnyman.com/2008/05/27/the-ultimate-getelementsbyclassname-anno-2008/#comment-604437 Robert Nyman Mon, 05 Oct 2009 14:28:42 +0000 http://www.robertnyman.com/2008/05/27/the-ultimate-getelementsbyclassname-anno-2008/#comment-604437 Fredrik, Yes, some browsers could complain on that, and the recommended way is to send in an empty string, <code>null</code> or <code>false</code>. Fredrik,

Yes, some browsers could complain on that, and the recommended way is to send in an empty string, null or false.

]]> By: Fredrik http://robertnyman.com/2008/05/27/the-ultimate-getelementsbyclassname-anno-2008/#comment-604426 Fredrik Mon, 05 Oct 2009 13:30:38 +0000 http://www.robertnyman.com/2008/05/27/the-ultimate-getelementsbyclassname-anno-2008/#comment-604426 Hi, I think there's something wrong with the native fast path (first block)?. First, all other paths do a <code>tag = tag || "*";</code> initially and also, if actually passing a '*' as tag Firefox 3.5 complains about invalid regexp ("*\b"). Should it use empty string instead of '*'? Hi,
I think there’s something wrong with the native fast path (first block)?.
First, all other paths do a tag = tag || "*"; initially and also, if actually passing a ‘*’ as tag Firefox 3.5 complains about invalid regexp (“*\b”). Should it use empty string instead of ‘*’?

]]> By: WHATWG?The Road to HTML 5: getElementsByClassName() « HTML5.JP ??? http://robertnyman.com/2008/05/27/the-ultimate-getelementsbyclassname-anno-2008/#comment-603067 WHATWG?The Road to HTML 5: getElementsByClassName() « HTML5.JP ??? Fri, 25 Sep 2009 07:50:01 +0000 http://www.robertnyman.com/2008/05/27/the-ultimate-getelementsbyclassname-anno-2008/#comment-603067 [...] getElementsByClassName() ??Firefox 3, Opera 9.5, Safari 3.1, Google Chrome ?????????????????????IE ???????????????getElementsByClassName() ?????????????????????????????????????????????Robert Nyman ????????????????????????????????? getElementsByClassName ??????????????????????? [...] [...] getElementsByClassName() ??Firefox 3, Opera 9.5, Safari 3.1, Google Chrome ?????????????????????IE ???????????????getElementsByClassName() ?????????????????????????????????????????????Robert Nyman ????????????????????????????????? getElementsByClassName ??????????????????????? [...]

]]> By: One million downloads for getElementsByClassName - Robert's talk http://robertnyman.com/2008/05/27/the-ultimate-getelementsbyclassname-anno-2008/#comment-602369 One million downloads for getElementsByClassName - Robert's talk Tue, 22 Sep 2009 08:49:48 +0000 http://www.robertnyman.com/2008/05/27/the-ultimate-getelementsbyclassname-anno-2008/#comment-602369 [...] hadn’t checked the statistics for some time for my getElementsByClassName code, so you can just guess my surprise when I saw it has passed one million [...] [...] hadn’t checked the statistics for some time for my getElementsByClassName code, so you can just guess my surprise when I saw it has passed one million [...]

]]>