$('#아이디값').css('margin'); IE / CHROME 호환성 문제
본문
<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
$('#img').prop('style')['margin']
삭제 하지 마세요 ㅎㅎ 잠시만 기다려주세요 ^^
@kimckimc 님, 근데, 이렇게 margin을 별도로 처리하시는 이유가 뭔가요?
특별히 장점이 없어 보이는데.... 어떤 경우에 이런 코드를 써먹을 수 있는 건가요?
검색해보니 요런게 있네요.
var bordT = $('img').outerWidth() - $('img').innerWidth();
var paddT = $('img').innerWidth() - $('img').width();
var margT = $('img').outerWidth(true) - $('img').outerWidth();
jsizes 플러그인 사용해서 margin 값을 제대로 가져올 수도 있나보구요.
참고하셔요.
$('#img').prop('style')['margin']
답변을 작성하시기 전에 로그인 해주세요.