如何使DIV可见和不可见的JavaScript

你能做点什么吗？

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

对不起，如果这是广泛的。

Answer 1

如果[DIV]是一个元素，那么

 [DIV].style.visibility='visible' 

要么

 [DIV].style.visibility='hidden' 

Answer 2

假设您不使用jQuery等库。

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

然后你可以设置该元素的任何CSS属性。 要显示/隐藏，您可以使用两个属性： display和visibility ，其效果稍有不同：

调整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) 

或style.visibility将实际上使div仍然在那里，但是“全空”或“全白”

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

---

如果您使用的是jQuery，只要您想要设置display属性，就可以轻松实现：

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

它会自动使用适当的display值; 您不必关心元素types（内联或块）。 此外， elem不仅可以是DOM元素，还可以是诸如#id或.class的select器，或者其他任何有效CSS3（以及更多！）的select器。

Answer 3

您可以使用visibility或display但必须将更改应用于div.style对象而不是div对象本身。

 var div = document.getElementById('div_id'); // hide div.style.visibility = 'hidden'; // OR div.style.display = 'none'; // show div.style.visibility = 'visible'; // OR div.style.display = 'block';