如何使用JavaScript使DIV可见和不可见？

javascript visibility html

2022-08-30 04:34:15

你能做这样的事情吗？

function showDiv()
{
    [DIV].visible = true;
    //or something
}

答案 1

如果 [DIV] 是一个元素，则

[DIV].style.visibility='visible'

或

[DIV].style.visibility='hidden'

答案 2

假设您不使用像 jQuery 这样的库。

如果还没有对 DOM 元素的引用，请使用var elem = document.getElementById('id');

然后，您可以设置该元素的任何 CSS 属性。若要显示/隐藏，可以使用两个属性：和，它们具有略微不同的效果：displayvisibility

调整将看起来好像元素根本不存在（“已删除”）。style.display

elem.style.display = 'none'; // hide
elem.style.display = 'block'; // show - use this for block elements (div, p)
elem.style.display = 'inline'; // show - use this for inline elements (span, a)

或者实际上会使div仍然存在，但“全部为空”或“全白”style.visibility

elem.style.visibility = 'hidden'; // hide, but lets the element keep its size
elem.style.visibility = 'visible';

如果您使用的是jQuery，只要您想设置属性，就可以更轻松地完成：display

$(elem).hide();
$(elem).show();

它将自动使用适当的值;您不必关心元素类型（内联或块）。此外，不仅可以是DOM元素，还可以是选择器，例如或或其他任何有效的CSS3（以及更多！displayelem#id.class