视频技术

FFmpeg red5 nginx Html5 rtsp rtmp

·您当前的位置：首页 > 技术教程 > JavaScript >

[JS]兼容IE getElementsByClassName取标签

时间:2014-08-14 12:21挨踢前端
一个朋友在某公司为某国企教育机构做网络课程。她的任务是做一些前端页面的工作，但做网络课程的要求是table布局，且得考虑ie6、7、8，不允许用jquery等框架。要知道ie是不支持className取标签的啊，如果要通过className获取标签怎么办啊。你可以通过这个方法

一个朋友在某公司为某国企教育机构做网络课程。她的任务是做一些前端页面的工作，但做网络课程的要求是table布局，且得考虑ie6、7、8，不允许用 jquery等框架。要知道ie是不支持className取标签的啊，如果要通过className获取标签怎么办啊。你可以通过这个方法：

  1. function getElementsByClassName(className,root,tagName) {    //root：父节点，tagName：该节点的标签名。 这两个参数均可有可无 
  2.     if(root){ 
  3.         root=typeof root=="string" ? document.getElementById(root) : root;    
  4.     }else{ 
  5.         root=document.body; 
  6.     } 
  7.     tagNametagName=tagName||"*";                                     
  8.     if (document.getElementsByClassName) {                    //如果浏览器支持getElementsByClassName，就直接的用 
  9.         return root.getElementsByClassName(className); 
  10.     }else {  
  11.         var tag= root.getElementsByTagName(tagName);    //获取指定元素 
  12.         var tagAll = [];                                    //用于存储符合条件的元素 
  13.         for (var i = 0; i < tag.length; i++) {                //遍历获得的元素 
  14.             for(var j=0,n=tag[i].className.split(' ');j<n.length;j++){    //遍历此元素中所有class的值，如果包含指定的类名，就赋值给tagnameAll 
  15.                 if(n[j]==className){ 
  16.                     tagAll.push(tag[i]); 
  17.                     break; 
  18.                 } 
  19.             } 
  20.         } 
  21.         return tagAll; 
  22.     } 
  23. } 

 

热门文章推荐

请稍候...

保利威视云平台-轻松实现点播直播视频应用

酷播云数据统计分析跨平台播放器