元素操作工具类

class Ele{
    constructor(){
        
    }
    // 通过类查找元素 返回查找到的元素
    fc(str){
        return document.getElementsByClassName(str);
    }
    // 通过id查找元素 返回查找到的元素
    fi(str){
        return document.getElementById(str);
    }
    // 通过子元素查找父元素 返回查找到的元素
    fp(obj){
        return obj.parentNode;
    }
    // 移除当前元素
    removeEle(obj){
        this.fp(obj).removeChild(obj);
    }
    // 创建一个元素，并初始化返回这个元素
    createEle(obj={'tag':"div"}){
        try{
            var ele = document.createElement(obj.tag);
            return this.form(ele,obj);
        }catch(err){
            alert(err);
            return false;
        }
    }
    // 修改一个元素的属性以及内容 返回修改后的元素
    modEle(obj,json){
        try{
            return this.form(obj,json);
        }catch(e){
            alert(e);
            return false;
        }
    }
    form(ele,obj){
        if(obj.event && obj.evefun)
        {
            ele.addEventListener(obj.event,obj.evefun,true);
        }
        if(obj.attrs)
        {
            this.loops(obj.attrs,function(item,key,index){
                ele.setAttribute(key,item);
            })  
        }
        if(obj.text)
        {
            ele.innerText=obj.text;
        }
        return ele;
    }
    // 元素之后添加元素
    insertAfter(newEle,targetEle){
        let parent=this.fp(targetEle);
        if(parent.lastChild == targetEle)
        {
            parent.appendChild(newEle);
        }else{
            parent.insertBefore(newEle,targetEle.nextSibling);
        }
    }
    // 对象遍历 处理
    loops(obj,back){
        let i = 0;
        let arr = [];
        for(let key  in obj)
        {
            arr.push(back(obj[key],key,i));
            i++;
        }
        return arr;
    }
}