JavaScript切换

时间:2011-08-03 10:17:44

标签: javascript

我创建了一个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>

但是当它隐藏下一个链接替换它的位置。我没有什么可以取代它的地方,我希望它隐藏后的位置只是空的。有没有办法做到这一点?

2 个答案:

答案 0 :(得分:3)

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

ele.style.visibility = "hidden";

ele.style.visibility = "visible";

应该有效,而不是display

答案 1 :(得分:0)

尝试设置可见性。可见性仍将占用按钮占用的空间,它只是不会显示它。显示将其完全删除,以便下一个元素占用空间。