建站
咨詢
售后
建站咨詢
新聞中心
元素的CSS樣式，除了包括內(nèi)聯(lián)的（即通過style屬性加上的）樣式定義外，還有頁(yè)面嵌入的css和外部引入的css兩種方式。但在JS中通過el.style.xxx只能獲取的內(nèi)聯(lián)的樣式屬性，這就存在比較大的局限性。好在瀏覽器都提供了另外的方式來獲取以其它方式定義的樣式屬性，在IE中有currentStyle、FF等w3c標(biāo)準(zhǔn)的瀏覽器中有g(shù)etComputedStyle。
站在用戶的角度思考問題，與客戶深入溝通，找到獨(dú)山子網(wǎng)站設(shè)計(jì)與獨(dú)山子網(wǎng)站推廣的解決方案，憑借多年的經(jīng)驗(yàn)，讓設(shè)計(jì)與互聯(lián)網(wǎng)技術(shù)結(jié)合，創(chuàng)造個(gè)性化、用戶體驗(yàn)好的作品，建站類型包括：網(wǎng)站制作、成都做網(wǎng)站、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣、主機(jī)域名、虛擬空間、企業(yè)郵箱。業(yè)務(wù)覆蓋獨(dú)山子地區(qū)。
參考了幾個(gè)JS-Lib的代碼，決定實(shí)現(xiàn)一個(gè)簡(jiǎn)化版的getStyle函數(shù)。該函數(shù)目標(biāo)為：滿足大多數(shù)需要、跨瀏覽器、代碼簡(jiǎn)潔、性能優(yōu)良。本著這幾點(diǎn)要求，本人花了一個(gè)小時(shí)的時(shí)間才搞定，主要利用了“JS邏輯運(yùn)算符特性、代碼"編譯"，函數(shù)的即時(shí)執(zhí)行”幾個(gè)小技巧，寫到這里，以備以后使用，如果能對(duì)哪位朋友有幫助，那當(dāng)然更好。
程序代碼
var getStyle=function(){
var f=document.defaultView;
return new Function('el','style',[
"style.indexOf('-')>-1 && (style=style.replace(/-(\\w)/g,function(m,a){return a.toUpperCase()}));",
"style=='float' && (style='",
f ? 'cssFloat' : 'styleFloat',
"');return el.style[style] || ",
f ? 'window.getComputedStyle(el, null)[style]' : 'el.currentStyle[style]',
' || null;'].join(''));
}();
//使用示例：
var el=document.getElementById('test');
getStyle(el,'line-height');
getStyle(el,'color');
getStyle(el,'float');
分享文章：Javascript實(shí)現(xiàn)一個(gè)獲取元素樣式的函數(shù)getStyle
URL網(wǎng)址：http://m.5511xx.com/article/dhgigss.html
