当可见属性设置为 false 时，使用 JavaScript 删除空格

Remove empty space when visible property is set to false using JavaScript

本文关键字：使用 JavaScript 删除 空格 false 属性 设置      更新时间：2023-09-26

我有一个下拉列表，当它的选定值被更改时（例如：0），我需要将一个面板的可见属性设置为 True，将另一个面板的可见属性设置为 False。

当选择另一个值时，我需要使用 JAVASCRIPT 进行反之亦然。

我目前正在实现这一目标，但空间保持原样。我怎样才能删除空格。

谁能帮我？？

我也在附加代码。

function visible(val) {
    var ddl = document.getElementById("ddl_IDProof");
    var selectedFilterType = drpFilterType.options[ddl.selectedIndex].value;
    if (selectedFilterType == "0") {
        document.getElementById("pnl1").style.visibility = "visible";
        document.getElementById("pnl2").style.visibility = "hidden";
    }
    else {
        document.getElementById("pnl1").style.visibility = "hidden";
        document.getElementById("pnl2").style.visibility = "visible";
    }  
}

使用 display 而不是 visibility 。这将隐藏整个元素：

    // Show pnl1 (maybe you have to use inline or inline-block insdead of block)
    document.getElementById("pnl1").style.display = "block";
    // Hide pnl2
    document.getElementById("pnl2").style.display = "none";
相关文章：