使用javascript通过className来获取元素

在网页中除了需要用id, name, tag等来获取元素外，也需要用css的class来获取。

今天找了下资料，记录一下。

原理： 用document.getElementsByTagName('*');来获取所有元素，然后取得相同Class的元素。

1. functiongetElementsByClassName(n){
2. varclassElements=[],allElements=document.getElementsByTagName('*');
3. for(vari=0;i<allElements.length;i++)
4. {
5. if(allElements[i].className==n){
6. classElements[classElements.length]=allElements[i];
7. }
8. }
9. returnclassElements;
10. }

使用方法如下：

1. varredClassElements=getElementsByClassName('red');
2. for(vari=0;i<redClassElements.length;i++){
3. redClassElements[i].style.display="none";
4. }