[Jquery]영역의 높이 너비 값 구하기 프로그램/- Script 2011. 8. 3. 14:53

<html>
<head>
    <title></title>
    <style type="text/css">
        #div1{
            background:yellow;
            border:0px;
            padding:50px 50px 50px 50px;
            width:400px;
            height:400px;
        }
        #div2{
            margin: 10 10 10 10;
            background:red;
            border:0px;
            padding:0px;
            width:200px;
            height:200px;
        }
    </style>
    <script type="text/javascript" src="/Js/jquery-1.4.2.min.js" />
    <script type="text/javascript">
    $(document).ready(function(){
        $("#btn").click(function(){
            var element = $("#div2");

            alert("높이 : "+element.height());
            alert("너비 : "+element.width());

            alert("높이 : "+element.outerHeight());
            alert("너비 : "+element.outerWidth());

            alert("마진포함높이 : "+element.outerHeight(true));
            alert("마진포함너비 : "+element.outerWidth(true));       
        });
    });
    </script>
</head>
<body>
    <button id="btn">Click</button>
    <div id="div1">
        <div id="div2"><div>
    </div>

</body>
</html>

'프로그램 > - Script' 카테고리의 다른 글

Facebook LikeBox  (0) 2011.10.11
로컬 스토리지  (0) 2011.09.23
글자수 체크  (0) 2011.08.03
아이프레임 리사이징 & 뒤로가기잠금  (0) 2011.07.05
Base64 인코딩, 디코딩 변환  (0) 2011.03.30
,
글자수 체크 프로그램/- Script 2011. 8. 3. 11:51

'프로그램 > - Script' 카테고리의 다른 글

Facebook LikeBox  (0) 2011.10.11
로컬 스토리지  (0) 2011.09.23
[Jquery]영역의 높이 너비 값 구하기  (0) 2011.08.03
아이프레임 리사이징 & 뒤로가기잠금  (0) 2011.07.05
Base64 인코딩, 디코딩 변환  (0) 2011.03.30
,

티스토리툴바