getComputedStyle过滤无用样式

/**驼峰转标准 */
function toLowerLine(str) {
	var temp = str.replace(/[A-Z]/g, function (match) {	
		return "-" + match.toLowerCase();
  	});
  	if(temp.slice(0,6) === 'webkit'){
  		temp = '-'+temp;
  	}
	return temp;
}

function filterObj(currObj,initObj,style){
    let currEleArr =  Object.keys(currObj)
    let newObj = {}
    let temp
    for(let i = 1;i<currEleArr.length;i++){
     if(currObj[currEleArr[i]] !== initObj[currEleArr[i]]){
          /**大写转小写 */
          temp = toLowerLine(currEleArr[i])
          Object.defineProperty(newObj,temp,{value: currObj[currEleArr[i]],configurable: true})
     }
    }

    /**包装行内标签 */
    let i = 0
    while(true){
         if(!style[i] || i>99999)break
         delete newObj[style[i]]
         i++
    }
    newObj.inlineStyle = style.cssText
    return newObj
}

function getStyle(ele,pseudoEle) {
     /**element不为空 */
     if (!ele) return
     /**jQuery对象转为DOM对象 */
     if ((typeof jQuery != 'undefined') && (ele instanceof jQuery)) {
          ele = ele[0]
     }
     /**获取伪类样式 */
     if(pseudoEle){
          console.log("伪类样式暂不支持");
          return
     }
     /**创建空标签并渲染到页面 */
     const initTag = document.createElement(ele.tagName)
     document.body.appendChild(initTag)
     /**获取两标签样式 */
     const initTagStyle = getComputedStyle(initTag)
     const currEleStyle = getComputedStyle(ele)
     /**获取行内样式*/
     const currEleInline = ele.style
     /**过滤无用标签和行内标签并重新合并 */
     const styles = filterObj(currEleStyle,initTagStyle,currEleInline)
     return styles
}

直接调用：getStyle( DOM对象/jQuery对象 )