Firefox3 beta2带来的getElementsByClassName问题

tin — Thu, 31 Jan 2008 07:19:25 +0000

Firefox3解决了一些内存泄露问题，或者说主要的是解决了一些长时间运行以后的内存占用问题。由于使用mac的习惯是休眠不关机，所还是在正式版出来之前选择了升级到firefox beta2。
那么作为开发人员肯定遇到firebug不能用的问题，还好，我们可以用firebug的beta版本来解决这个问题，当然这个firebug还是会出现莫名其妙的问题，无所谓啦，不久就会发布正式版本了。
这些都是废话，问题集中在firefox beta2提供了原生的getElementsByClassName方法，而我们大家都很愿意使用的prototype库正巧也给Element封装过getElementsByClassName方法，看起来两者的作用是一样的，但是不巧……其实两者还是有很大差别的，所以造成了如果你的项目正巧用了getElementsByClassName方法，而后你又用习惯的prototype方式便利了它……那么你的程序就不能在Firefox3 beta2工作了……
我们以前的习惯就是不用考虑新浏览器的javascript兼容行问题，只需要考虑向后兼容，但是这次问题还是出现了变化。
其实原因是简单的：
1、Firefox3实现的原生getElementsByClassName方法返回的不是javascript数组（Array），而是html element collection，这个东西可以用标准的方式遍历，但是却与Array没有共同的prototype（这个指javascript里面的原型继承的prototype）。所以，很不幸，如果你用了Prototype库的那个返回Array的方法写程序，然后使用了Array增强方法里面的first()等方法或者Emmerable里面的each()等方法，那么程序一定会出错。此时你可以$A一下这个html element collection，但是这不是好方法。因为其实Prototype在1.6以后就不推荐使用getElementsByClassName方法了。
2、那么解决的方法就是使用select方法代替原来的getElementsByClassName方法，不过记得要给参数的前面加个”.”。比如oneElement.getElementsByClassName(‘someClass’)应该修改为oneElement.select(‘.someClass’)。而其实select方法由于接受css selector语法，可以实现更强大的选择操作。

嗯，非常废话。
那么简单的说：如果你在Firefox3里面发现你的基于Prototype库的js程序的getElementsByClassName以后出现了method null的错误，那么你需要用select方法代替它。且考虑到长时间的不兼容状态，最好完全消除你的程序中的getElementsByClassName同名方法调用，不关你用什么js库。

Tin's Blog » Prototype

Firefox3 beta2带来的getElementsByClassName问题