HTML5 DOM中新增了一个令人期待已久的方法:getElementsByClassName。这个方法能让我们通过class属性中的类名来访问元素,不过由于这个方法还比较新,某些DOM实现里可能还没有,所以使用的时候要当心。
getElementsByClassName方法非常有用,但只有较新的浏览器才支持它,为了弥补这一不足,DOM脚本程序员需要使用已有的DOM方法来实现自己的getElementsByClassName。
以下这个函数能适用于新老浏览器:
function getElementsByClassName(node,classname){ if(node.getElementsByClassName){ //使用现有方法 return node.getElementsByClassName(classname);}else{var results=new Array();var elems=node.getElementsByTagName("*");for(var i=0;i
如果传入节点上已经存在了适当的getElementsByCLassName函数,那么这个新函数就直接返回相应的节点列表。如果这个函数不存在,这个新函数就会循环遍历所有标签,查找带有相应类名的元素(这个例子不适用于多个类名)。
应用参考代码:
- abc
- def
- hig