export default class myUtils{
static getCompatibleStyle(elemOrSelect,pseudo){ if(!elemOrSelect) return; if(elemOrSelect.constructor === String) elemOrSelect = document.querySelector(elemOrSelect); if(!pseudo) return getComputedStyle(elemOrSelect,pseudo); return elemOrSelect.currentStyle ? elemOrSelect.currentStyle : getComputedStyle(elemOrSelect,null); } }
调用:
<script type="module"> import utils from "./myUtils.js"; console.log(utils.getCompatibleStyle("div",null).backgroundColor); console.log(utils.getCompatibleStyle("span","::after").display); </script>
样式计算的几种方式与兼容写法:getComputedStyle¤tStyle&style
原文:https://www.cnblogs.com/ltfxy/p/12275251.html