如何在javascript中设置div的可见属性

时间:2013-08-22 12:03:40

标签: javascript asp.net

我无法以下面的方式访问控件

document.getElementById("_ctl0_ContentPlaceHolder1_divDocSearch").style.visibility = 'visible';

但我能够以

的身份进行访问
var div = document.getElementById("_ctl0_ContentPlaceHolder1_divDocSearch");
div.style.visibility = 'visible';

如何使用上面一行访问,是否有可用于此的切换属性?

4 个答案:

答案 0 :(得分:1)

尝试

div.style = 'display:none';

隐藏div。因此

div.style = 'display:inline'; //或阻止,或任何你需要的东西。

显示div。

编辑:

刚才这个:http://www.w3schools.com/css/css_display_visibility.asp

所以看起来你可以做到

div.visibility = 'hidden';

答案 1 :(得分:1)

您可以创建如下所示的功能

function toggle(obj){
    if(obj.style.visibility == "visible")
        obj.style.visibility = 'hidden';
    else
        obj.style.visibility = 'visible';
}

然后使用toggle(object);

在每个元素上调用它们

答案 2 :(得分:0)

试试这个:

document.getElementById("<%= divDocSearch.ClientID %>").style.display = 'none';

答案 3 :(得分:0)

您可以点击所有传入所点击的特定div的ID的div来调用以下函数。它通过使用document.getElementsByTagName找到所有div并隐藏它们。然后它再次显示id传递的div

function showdiv(divid) {
  divs = document.getElementsByTagName("div");
  count=divs.length;
  for(i=0;i<count;i++) {
    divs[i].style.visibility="hidden";
  }
  document.getElementById(divid).style.visibility="visible";
}