跨瀏覽器方法
function getStyle(elem, cssprop, cssprop2){ if(elem.currentStyle){ return elem.currentStyle[cssprop] }else if(document.defaultView && document.defaultView.getComputedStyle){ return document.defaultView.getComputedStyle(elem, "").getPropertyValue(cssprop2) }else{ return null }}
<style> #elem{font-size:23px;} </style> <input id ="elem" style="font-size:18px;"/> <script>elem.style.fontSize = '12px'; console.log(getStyle(elem, "fontSize", "font-size")) // 輸出12px </script>
getStyle取值的優先級是:
1.動態設置的
2.內聯設置的
3.樣式表設置的
4.瀏覽器默認設置的
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持VeVb武林網。
新聞熱點
疑難解答