如何從jQuery中讀取CSS文件

好的，我有一個包含jQuery的HTML頁面。如何從jQuery中讀取CSS文件

我有在行良好的負荷CSS文件，我想讀所有樣式從外部CSS文件中給定的元素......不是內嵌樣式...

我有下面的代碼（這看起來像它應該工作...）：

var styleProperties= {}; 
var getCssProperties = ['width', 'margin', 'height']; 

for (c=0;c<=returnStyleProps.length;c++) { 
    styleProperties[returnStyleProps[c]] = $('div#container').css(returnStyleProps[c]); 
    alert(styleProperties); 
} 
alert(styleProperties);

但這似乎只提醒：

"[Object Object]"

[編輯]請...？我真的很堅持，似乎沒有任何工作:([/編輯]

來源

2010-06-03 Barrie Reader

什麼是'returnStyleProps'？ – Reigel 2010-06-03 08:59:20

哎呀，編輯:) – 2010-06-03 09:02:00

什麼是'我'？在'for（c = 0; i <= returnStyleProps.length; C++）{...}' – Reigel 2010-06-03 09:07:16

var cs = {}; 
var elem = $('h1')[0]; 
for(var s in elem.style) 
{ 
    // console.log(s + typeof(s)); 
    var v = $(elem).css(s); 
    if (v && v != '') 
    { 
     cs[s] = v; 
    } 
} 

for(var s in cs) 
{ 
    console.log(s + ': ' + cs[s]); 
}

請在Firebug如果運行你有頁面上的h1元素和jQuery被使用... 只是一個粗略的想法，雖然...

來源

2010-06-03 11:12:33 ccppjava

完美！一個漂亮的傢伙！^ _^ – 2010-06-03 11:16:30

但是，看看應用於元素的CSS，'style'只反映元素本身設置的樣式。 – 2012-02-07 16:46:05

啓動，請嘗試執行console.log（styleProperties）;看看哪些對象在Firebug控制檯持有...

來源

2010-06-03 08:55:49 Reigel

console.log返回：Object {} – 2010-06-03 09:04:32

使用Firebug將斷點上的代碼，你將能夠檢查所述對象的屬性。這應該讓你知道它是什麼，如果它是你想要的。

來源

2010-06-03 09:06:10 Simon

我很困惑，我沒有得到任何結果，我已經知道外部工作表的CSS，但我希望jQuery能夠讀取它 – 2010-06-03 09:15:08

如何從jQuery中讀取CSS文件

回答

相關問題