zoukankan      html  css  js  c++  java
  • 封装getByClass

    方法一:(普通版),获取单一的class:

    function getByClass(oParent, sClass) {
        var aResult = [];
        var aEle = oParent.getElementsByTagName('*');
        for (var i = 0; i < aEle.length; i++) {
            // 当className相等时添加到数组中 
            // aEle[i].className.search(sClass)!=-1
            // aEle[i].className.indexof(sClass)!=-1
            if (aEle[i].className == sClass) {
                aResult.push(aEle[i]);
            }
        }
        return aResult;
    };

    方法二(多个class获取—>正则表达式):

    function getByClass(oParent,sClass) {
        var aResult = [];
        var aEle = oParent.getElementsByTagName('*');
        var re = new RegExp('\b' + sClass + '\b', 'i')
        for (var i = 0; i < aEle.length; i++) {
            if (re.test(aEle[i].className)) {
                aResult.push(aEle[i]);
            }
        }
        return aResult;
    };

    方法三(多个class获取—>数组):

    function getByClass(oParent,sClass) {
        var aResult = [];
        var aEle = oParent.getElementsByTagName('*');
        for (var i = 0; i < aEle.length; i++) {
            var arr = aEle[i].className.split(/s+/);
            for (var j = 0; j < arr.length; j++) {
                if (arr[j] == sClass) {
                    aResult.push(aEle[i])
                }
            }
        }
        return aResult;
    };
  • 相关阅读:
    vue
    vue
    vue 中使用style(样式)
    vue 中使用class(样式)
    第17课
    第16课
    第15课
    第14课
    第13课
    第12课
  • 原文地址:https://www.cnblogs.com/jone-chen/p/5234181.html
Copyright © 2011-2022 走看看