js 로 엘리멘트의 클래스 스타일을 읽을 수 있나요?
본문
vw, vh 등을 지원하지 않는 브라우저도 동일한 화면이 출력되도록 만드려고 합니다
$(SOMETHING).attr("style") 이걸 사용하면 px 값이 아닌 스타일에 입력한 값이 그대로 출력되는데요
이걸 이용하면 vw, vh 등을 쉽게 치환할 수 있을거라 생각합니다
문제는 스타일 시트에 클래스를 만들고 속성을 지정한 후에
엘리멘트에 클래스를 주면 위의 .attr("style") 로는 클래스 내용은 나오지 않는다는 겁니다
어떻게 하면 클래스의 내용을 style 로 출력할 수 있죠?
답변 2
<div id ="da" style="width:300px">1234</div>
<script type="text/javascript">
<!--
alert(document.getElementById("da").style.width);;
//-->
</script>
$(SOMETHING).css('속성') 으로 가져올 수 있습니다
예) $(SOMETHING).css('width')
.css 로 가져오면 vw 이든 % 이든 무조건 px로 치환되서 나오기 때문에 질문한겁니다. 스타일시트에 입력된 대로 출력해야 하거든요
답변을 작성하시기 전에 로그인 해주세요.