Question

我想在页面加载时隐藏DIV但由于某些页面限制而无法使用CSS。

如何使用Javascript或其他方法隐藏DIV？我希望在页面加载时隐藏DIV，而无需用户按下按钮。

干杯。

Answer 1

window.onload = function(){
    document.getElementById('your_div_id').style.display = 'none';
}

http://jsfiddle.net/nXvF5/

或者，在jQuery中：

$(document).ready(function(){
    $('#your_div_id_or_other_selector').hide();
});

http://jsfiddle.net/nXvF5/1/

Answer 2

document.getElementById("yourDivId").style.display = "none";

这会将CSS display属性设置为none，它会隐藏元素并删除DOM中该元素占用的所有空间。

您可以在onload函数中运行此代码，以便在页面加载时运行：

window.onload = function() {
    document.getElementById("yourDivId").style.display = "none";
}

如果您想要隐藏元素，但在DOM中保留它的空间，则可以使用visibility = "hidden"代替display = "none"。

Answer 3

只需将hidden="true"添加到HTML代码中即可。

Answer 4

使用Jquery：

$("#div_id").hide();

再次展示：

$("#div_id").show();

在常规javascript中：

# retains the hidden div's position
`document.getElementById('div_id').style.visibility = 'hidden';`

# collapses the hidden div's positioning
`document.getElementById('div_id').style.display = 'none';`

Answer 5

假设您可以使用某些框架来简化，您将选择jQuery，您有三个选项（请参阅jsfiddle）：

jQuery('#mydiv1').hide(); // bases on CSS, as other answers
jQuery('#mydiv2').remove();
jQuery('#mydiv3').detach();

由于您专门要求不提供基于CSS的解决方案，因此第一个实际上是您不想使用的内容。第二个删除你的div与所有事件等，第三个删除它而不删除事件（所以你应该能够在需要时再添加它）。

有关详细信息，请参阅api.jquery.com上的jQuery文档。

有帮助吗？

如何在不使用CSS的情况下隐藏DIV？

5 个答案: