채택완료

$('#아이디값').css('margin'); IE / CHROME 호환성 문제

Copy
<img src="/gallery_01.jpg" id="img" style="width: 510px; height: 320px; margin: 5px; object-fit: cover; display: inline; opacity: 1;" temp_attr="inline">  $('#img').css('margin');

크롬에서는 값을 가져오나 IE에서는

이렇게 하면 get 할수가 없습니다.

$('#아이디값').css('margin-top'); 

 

이렇게 명령어를 줘야 가지고 오는데요

 

혹시 $('#아이디값').css('margin'); 이 방법으로 IE에서 가져오는 방법이 있을까요?

|

답변 3개 / 댓글 2개

채택된 답변
+20 포인트

$('#img').prop('style')['margin'] 

답변에 대한 댓글 2개

삭제 하지 마세요 ㅎㅎ 잠시만 기다려주세요 ^^
@kimckimc 님, 근데, 이렇게 margin을 별도로 처리하시는 이유가 뭔가요?
특별히 장점이 없어 보이는데.... 어떤 경우에 이런 코드를 써먹을 수 있는 건가요?

$('#img').prop('style')['margin']  

검색해보니 요런게 있네요.

var bordT = $('img').outerWidth() - $('img').innerWidth();
var paddT = $('img').innerWidth() - $('img').width();
var margT = $('img').outerWidth(true) - $('img').outerWidth(); 

jsizes 플러그인 사용해서 margin 값을 제대로 가져올 수도 있나보구요.


참고하셔요.

답변을 작성하려면 로그인이 필요합니다.