JavaScript 切换

Question

我制作了一个 JavaScript 函数来隐藏单击按钮时的链接及其在该函数中的工作

    <script type="text/javascript">
function toggle() 
{
    var ele = document.getElementById("yui-gen1");
    var text = document.getElementById("windows");
    if(ele.style.display == "block") {
            ele.style.display = "none";
    }
    else {
        ele.style.display = "block";
    }
} 
</script>

但是当它隐藏时，下一个链接会取代它的位置。我不希望任何东西取代它的位置，我希望它隐藏后的位置是空的。有什么办法可以做到吗？

Answer 1

假设我正确理解了您的问题，您的问题是 display:none 导致受影响的元素不占用文档中的空间。您需要的是visibility属性，隐藏受影响的元素，但保留其在文档中的空间:

ele.style.visibility = "hidden";

和

ele.style.visibility = "visible";

应该可以，而不是 display .