解决IE无法根据类名获取元素的问题

最新推荐文章于 2024-04-17 10:31:18 发布

Our sky

最新推荐文章于 2024-04-17 10:31:18 发布

阅读量300

点赞数

分类专栏：前端文章标签：前端 javascript html

本文链接：https://blog.youkuaiyun.com/fei0700/article/details/126051612

版权

前端专栏收录该内容

14 篇文章

订阅专栏

本文介绍了一个JavaScript函数getByClass，该函数用于在指定上下文或整个文档中查找包含特定类名的元素。通过分析元素的className属性并使用split()方法拆分，函数能够高效地找到匹配类名的元素，并将它们收集到数组中返回。这个函数对于前端开发中操作DOM元素具有实用价值。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//context(表示获取范围，可以是document，也可是某个元素)
//cla(需要获取的类名)
function getByClass(context, cla) {
                    if (arguments.length == 1) {
                      cla = arguments[0];
                      context = document;
                    }
                    var ary = [];
                    var arys = context.getElementsByTagName("*"); //[div.box1.red,p.red,p.red,div, p]
                    for (var i = 0; i < arys.length; i++) {
                      var str = arys[i].className; //'box1 red','red','red','','red'
                      var claAry = str.split(' '); //['box1', 'red','red','red','red']
                      for (var j = 0; j < claAry.length; j++) {
                        if (claAry[j] == cla) {
                          ary.push(arys[i]);
                          break;
                        }
                      }
                    }
                    return ary;
                  }