1 class Ele{ 2 constructor(){ 3 4 } 5 // 通过类查找元素 返回查找到的元素 6 fc(str){ 7 return document.getElementsByClassName(str); 8 } 9 // 通过id查找元素 返回查找到的元素 10 fi(str){ 11 return document.getElementById(str); 12 } 13 // 通过子元素查找父元素 返回查找到的元素 14 fp(obj){ 15 return obj.parentNode; 16 } 17 // 移除当前元素 18 removeEle(obj){ 19 this.fp(obj).removeChild(obj); 20 } 21 // 创建一个元素,并初始化返回这个元素 22 createEle(obj={'tag':"div"}){ 23 try{ 24 var ele = document.createElement(obj.tag); 25 return this.form(ele,obj); 26 }catch(err){ 27 alert(err); 28 return false; 29 } 30 } 31 // 修改一个元素的属性以及内容 返回修改后的元素 32 modEle(obj,json){ 33 try{ 34 return this.form(obj,json); 35 }catch(e){ 36 alert(e); 37 return false; 38 } 39 } 40 form(ele,obj){ 41 if(obj.event && obj.evefun) 42 { 43 ele.addEventListener(obj.event,obj.evefun,true); 44 } 45 if(obj.attrs) 46 { 47 this.loops(obj.attrs,function(item,key,index){ 48 ele.setAttribute(key,item); 49 }) 50 } 51 if(obj.text) 52 { 53 ele.innerText=obj.text; 54 } 55 return ele; 56 } 57 // 元素之后添加元素 58 insertAfter(newEle,targetEle){ 59 let parent=this.fp(targetEle); 60 if(parent.lastChild == targetEle) 61 { 62 parent.appendChild(newEle); 63 }else{ 64 parent.insertBefore(newEle,targetEle.nextSibling); 65 } 66 } 67 // 对象遍历 处理 68 loops(obj,back){ 69 let i = 0; 70 let arr = []; 71 for(let key in obj) 72 { 73 arr.push(back(obj[key],key,i)); 74 i++; 75 } 76 return arr; 77 } 78 }