2014-07-24 2 views
0

배열에서 요소의 선택된 CSS 속성을 반환하는 함수를 만들었습니다. 그러나이 배열은 Chrome과 Firefox에서 다릅니다. 바이올린 : 함수가 다른 브라우저에서 다른 값을 반환합니다

function butunCSSyiAl (el,ozellikler) { 
    var deger = new Array(); 
    for (var i = 0 ; i < ozellikler.length ; i++) { 
     deger[i] = el.css(ozellikler[i]); 
     if(ozellikler[i] == "width"){ 
     //alert(el.css(ozellikler[i])); 
     } 
    } 
    return deger; 
} 



var ozellikler = new Array('font-size','font-weight','font-style','color','text-transform','text-decoration','letter-spacing','word-spacing', 'line-height','text-align','vertical-align','direction','background-color','background-image','background-repeat','background-position','background-attachment','width','height','top','right','bottom','left','margin-top','margin-right','margin-bottom','margin-left','padding-top','padding-right','padding-bottom','padding-left','border-top-width','border-right-width','border-bottom-width','border-left-width','border-top-color','border-right-color','border-bottom-color','border-left-color','border-top-style','border-right-style','border-bottom-style','border-left-style','position','display','visibility','overflow-x','overflow-y','white-space','clip','float','clear','cursor','list-style-image'); 

이 문제를 해결하기 위해 어떤 방법이 있습니까 :이 기능입니다 http://jsfiddle.net/9Jyx8/1/

?

+0

CSS 재설정을 사용하십시오. – adeneo

답변

4

브라우저는 고유 한 기본 스타일을 설정하므로 배열마다 브라우저마다 다른 값을 갖게됩니다. 각 브라우저마다 font-size, 여백 등의 기본값이 다를 수 있습니다.

+0

그래서 나는 기본값을 얻으려고하지 말아야한다. 감사. –

+1

맞습니다. @adeneo가 의견에서 말했듯이 CSS 리셋 (Google 또는이 사이트를 검색하는 방법은 많은 예제가 있습니다)을 사용할 수 있습니다. 그렇지 않으면 기본값이 일관성을 가지지 않으므로 배열의 일관성이 유지되지 않습니다. 도움이 될만한 질문이 있으시면 답변으로 수락하시기 바랍니다. :) –

관련 문제