伸缩DIV_div伸缩-优快云博客

本文介绍了一个使用JavaScript实现的动态调整DIV元素高度的方法。通过点击按钮，可以逐步展开或收起包含大量文本内容的DIV区域，并实时显示当前的高度。此功能适用于需要动态控制页面元素展示范围的场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

var h=0;
var obj;

function Button1_onclick() {

    if (h>=200)
    {
        h=200;
        obj.style.height=200;
        return;
    }

    obj=document.getElementById("mydiv");

    h=h+1;

    obj.style.height=h;
    document.getElementById("lab").innerHTML="图层高度："+h;
    setTimeout("Button1_onclick()",10);
}

function Button2_onclick() {

    if (h<=1)
    {
        h=0;
        return;
    }

    obj=document.getElementById("mydiv");

    h=h-1;

    if(h<=1)
    {
        h=1
    }

    obj.style.height=h;
    document.getElementById("lab").innerHTML="图层高度："+h;
    setTimeout("Button2_onclick()",10);
}

// ]]>
</script>