2010-06-03 4 views
2

좋아, jQuery가 포함 된 HTML 페이지가있다.jQuery로 CSS 파일을 읽는 법

내가의 행의 좋은 부하와 CSS 파일을 가지고, 나는 ... 외부 CSS 파일에서 지정된 요소 ... 아니 인라인 스타일에 대한

I을 모든 스타일을 읽고 싶습니다 (작동해야처럼 보이는 ...) 다음과 같은 코드가 있습니다

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]" 

[편집] 제발 ...? 정말 꽤 붙어있어, 아무것도 :(

+0

무엇이'returnStyleProps'입니까 ?? – Reigel

+0

oops, edited : –

+0

'i'는 무엇인가요? ~에 대한 (c = 0; i <= returnStyleProps.length; C++) {...}' – Reigel

답변

3
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]); 
} 

불을 지르고 경우에 실행하십시오 페이지에 h1 요소가 있고 jQuery가 사용됩니다 ... 단지 대략적인 아이디어입니다 ...

+0

완벽합니다! 좋은 친구 야^_^ –

+0

하지만 그게 ' 요소에 적용된 CSS를 보면'style'은 요소 자체에 설정된 스타일 만 반영합니다. –

0

시작하는 [/ 편집] 일 것 같다, CONSOLE.LOG (styleProperties)를보십시오; ... 그리고 객체가 불을 지르고 콘솔에서 보유하고 무엇을보고

+0

console.log returns : Object {} –

0

사용하여 불을 지르고 코드에 중단 점을 넣어 당신은 상기 물체의 속성을 검사 할 수 있습니다. 즉, 당신이 원하는 경우에 당신이 그것이 무엇인지 알고 있도록해야한다.

+0

혼란 스럽습니다. 결과가 없으며 외부 시트에서 CSS를 이미 알고 있지만 jQuery에서 읽으 려합니다. –