0

呼び出されたときにjavascript関数を使用してdivから50pxを減算したいと思います。なぜこれが機能しないのですか？ 

<!DOCTYPE html>
<html>
<head>
<script>
        function resizeDiv(id)
        {
            obj.style.height = ( parseFloat( obj.style.height ) - 50 ) + 'px';
        }
        </script>

<style type="text/css">
            #divId{
            background:blue;
            width:300px;
            height:100px;

</style>
</head>
<body>
    <button onclick="resizeDiv('divId')">Try it</button>   
    <div id="divId"></div>
</body>
</html>
4

1 に答える 1

0

高さの obj またはスタイル プロパティを定義せず、css に括弧がありません。

<!DOCTYPE html>
<html>
<head>
<script>
function resizeDiv(id){
   var obj=document.getElementById(id);
    if(obj){
        obj.style.height= (obj.offsetHeight- 50)+ 'px';
    }
}
</script>
<style type= "text/css">
#divId{
    background:blue;
    width:300px;
    height:100px;
}
</style>

</head>
<body>
    <button onclick="resizeDiv('divId')">Try it</button>   
    <div id="divId"></div>
</body>
</html>
于 2013-02-15T05:12:19.640 に答える