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

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，第三个删除不删除事件的div（因此您应该能够在需要时再次添加它）。

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

有帮助吗？